:root{--primary-button-color: rgba(127,194,251,1);--primary-opaque-button-color: rgb(108, 208, 248);--primary-strong-button-color: rgb(86, 185, 250);--primary-button-disabled-color: rgb(145, 179, 194);--primary-borders-borders-color: rgb(224, 220, 220);--primary-loader-color: rgb(0, 122, 174);--table-header-color: rgba(127,194,251,1);--table-body-color: rgb(252, 252, 252)}body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{display:flex;padding:5px;background-color:transparent}*{box-sizing:border-box;font-family:DM Sans}h1,h2,h3,h4,h5,h6{margin:0}button,input[type=file]::file-selector-button{height:40px;border:0px solid transparent;color:#fff;border-radius:7px;cursor:pointer;background:var(--primary-button-color);background:linear-gradient(90deg,var(--primary-button-color) 66%,var(--primary-opaque-button-color) 100%);-webkit-box-shadow:0px 0px 7px -2px var(--primary-strong-button-color);-moz-box-shadow:0px 0px 7px -2px var(--primary-strong-button-color);box-shadow:0 0 7px -2px var(--primary-strong-button-color);font-weight:500}input,select{height:40px;border-radius:7px;border:1px solid var(--primary-borders-borders-color);padding:5px 10px}button.disabled{background-color:#8ea2aa}form{display:flex;flex-direction:column;gap:10px}form .preview-image-container{width:100px;height:100px;position:relative;border-radius:15px;margin-top:15px}form .preview-image{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:15px}form .form-pair{display:flex;flex-direction:column}form .form-pair span{padding:5px 10px}form button{width:250px}form .indications{display:flex;flex-direction:column;font-size:.75rem}form .indications span.valid{color:green}.cards-grid-table{width:100%;min-height:580px;display:flex;flex-direction:column;gap:20px;background-color:#f7f7f7;padding:25px;border-radius:25px}.cards-grid-table .header{display:grid;grid-template-columns:fit-content(100%) 90px 250px 100px 100px 140px 100px;gap:25px;padding:5px 8px}.cards-grid-table .header h3{font-weight:500;margin:0}.cards-grid-table .header h3:first-of-type{width:125px}.cards-grid-table .header h3:last-of-type{opacity:0;display:flex;justify-content:end}.cards-grid-table .card{display:grid;grid-template-columns:fit-content(100%) 90px 250px 100px 100px 140px 100px;gap:25px;align-items:center;padding:5px 8px;width:100%;height:85px;color:#000;background-color:#fff;-webkit-box-shadow:0px 0px 5px -2px rgb(209,209,209);-moz-box-shadow:0px 0px 5px -2px rgb(209,209,209);box-shadow:0 0 5px -2px #d1d1d1;border-radius:15px}.cards-grid-table .card .post-pair.status img{width:25px;height:25px}.cards-grid-table .card .card-pair{display:flex;flex-direction:column;justify-self:start}.cards-grid-table .card .card-pair span{font-weight:400}.cards-grid-table .card .img-container{width:125px;height:75px;position:relative;border-radius:15px}.cards-grid-table .card .actions{display:flex;gap:10px;margin-left:auto}.cards-grid-table .card img{width:100%;height:100%;object-fit:cover;border-radius:15px}.cards-grid-table .card .img-loading{width:125px;height:70px;border-radius:15px;background-color:gray;animation:pulse .5s infinite alternate ease-in-out;transition:background-color ease .2s}@keyframes pulse{0%{background-color:gray}to{background-color:#d2d2d2}}@media (width < 800px){.cards-grid-table .card{width:fit-content;grid-template-columns:fit-content(100%) 90px 250px 100px 100px 140px 100px}}.cards-grid-table.users .header,.cards-grid-table.users .card{grid-template-columns:200px 250px 120px repeat(2,1fr)}.img-loading{width:125px;height:70px;border-radius:15px;background-color:gray;animation:pulse .5s infinite alternate ease-in-out;transition:background-color ease .2s}.img-loading-no-pulse{width:125px;height:70px;border-radius:15px;background-color:gray;transition:background-color ease .2s}
