﻿.database-container{max-width:1280px;min-height:100vh;position:relative;z-index:1;display:flex;flex-direction:column;margin:0 auto;margin-bottom:200px;padding:1rem}.database-container .database-inner-container{max-width:1280px;padding-top:2rem}.database-container .database-inner-container .database-menu{display:flex;flex-direction:row;gap:1rem;background-color:rgba(34,34,34,.62);border:1px rgba(230,175,103,.53) solid;padding:1rem;border-radius:4px;align-items:center}.database-container .database-inner-container .database-menu .menu-title{display:flex;align-items:center;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:.9rem;letter-spacing:.03rem;color:#eee;min-width:150px}.database-container .database-inner-container .database-menu .menu-title .orange{color:#e6af67;font-weight:500;text-transform:uppercase}.database-container .database-inner-container .database-menu .items{display:flex;flex-direction:row;gap:1rem}.database-container .database-inner-container .database-menu .items .item a{text-decoration:none;background-color:rgba(34,34,34,.62);border:1px rgba(172,138,90,.8) solid;padding:.5rem;border-radius:4px;display:flex;justify-content:center;align-items:center}.database-container .database-inner-container .database-menu .items .item a span{pointer-events:none;color:#e6af67;padding-right:.2rem}.database-container .database-inner-container .database-menu .items .item a label{pointer-events:none;color:#eee;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:450;font-style:normal;font-size:.85rem;letter-spacing:.02rem;text-transform:uppercase}.database-container .database-inner-container .database-menu .items .item a:hover{background-color:rgba(230,175,103,.24);border:1px rgba(230,175,103,.53) solid;cursor:pointer}.database-container .database-inner-container .database-menu .items .item a.active span{color:#e6af67}.database-container .database-inner-container .database-menu .items .item a.active{background-color:rgba(230,175,103,.24);border:1px rgba(230,175,103,.53) solid}.database-container .database-inner-container .database-menu .menu-search-box{display:flex;flex:1 1;justify-content:flex-end;align-items:flex-end}.database-container .database-inner-container .database-menu .menu-search-box input[type=text]{width:250px;background-color:rgba(230,175,103,.18);border:1px rgba(230,175,103,.57) solid;border-radius:4px;padding:.5rem;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:.9rem;letter-spacing:.02rem;color:#eee}.database-container .database-inner-container .database-menu .menu-search-box input[type=text]:focus,.database-container .database-inner-container .database-menu .menu-search-box input[type=text]:active{outline:none !important;border:1px #e6af67 solid !important}.database-container .database-inner-container .database-content{display:flex;color:#eee}.database-container .database-inner-container .database-content.block-grid{padding:0 !important;margin-top:1rem;align-items:start}.database-container .database-inner-container .database-content.block-grid>.block{align-self:start;min-width:0 !important;width:auto !important;flex:initial !important}.database-container .database-inner-container .database-content.block-grid .content-box,.database-container .database-inner-container .database-content.block-grid .content-items,.database-container .database-inner-container .database-content.block-grid .content-table,.database-container .database-inner-container .database-content.block-grid table{min-width:0;width:100%}.database-container .database-inner-container .database-content .content-box{padding:1rem;background-color:rgba(34,34,34,.62);border:1px rgba(230,175,103,.53) solid;border-radius:4px}.database-container .database-inner-container .database-content .content-box .content-header{display:flex}.database-container .database-inner-container .database-content .content-box .content-header .content-filter{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;gap:1rem;align-items:flex-start}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters{display:flex;flex-wrap:wrap;flex-direction:column;gap:.5rem}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .main-filters,.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .sub-filters{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .filter,.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .sub-filter{margin:0 !important;text-decoration:none;background-color:rgba(48,48,48,.85);border:1px rgba(172,138,90,.8) solid;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#eee;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:450;font-style:normal;letter-spacing:.02rem;text-transform:uppercase}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .filter:hover,.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .sub-filter:hover{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid;cursor:pointer}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .filter.active,.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .sub-filter.active{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid;cursor:pointer}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .filter{padding:.5rem;font-size:.65rem}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filters .sub-filter{padding:.4rem;font-size:.65rem}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filter-search-box{display:flex;margin-left:auto;position:relative;top:-0.2rem;right:.2rem}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filter-search-box input[type=text]{width:100%;background-color:rgba(53,53,53,.44);border:1px rgba(230,175,103,.57) solid;border-radius:4px;padding:.6rem .5rem .5rem .5rem;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:.85rem;letter-spacing:.02rem;color:#eee}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filter-search-box input[type=text]::placeholder{color:#ccc}.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filter-search-box input[type=text]:focus,.database-container .database-inner-container .database-content .content-box .content-header .content-filter .filter-search-box input[type=text]:active{outline:none !important;border:1px #e6af67 solid !important}.database-container .database-inner-container .database-content .content-box .content-table table{width:100%;margin:0 !important;padding:0 !important;border-collapse:collapse}.database-container .database-inner-container .database-content .content-box .content-table tr.database-row{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.database-container .database-inner-container .database-content .content-box .content-table tr.database-row:hover{background-color:rgba(230,175,103,.38)}.database-container .database-inner-container .database-content .content-box .content-table tr.database-row.active{background-color:rgba(230,175,103,.44) !important;box-shadow:inset 3px 0 0 rgba(230,175,103,.95)}.database-container .database-inner-container .database-content .content-box .content-table tr.database-row.compare-active{background-color:rgba(102,102,200,.14) !important;box-shadow:inset 3px 0 0 rgba(108,108,213,.95)}.database-container .database-inner-container .database-content .content-box .content-table tr.database-row.active.compare-active{background-color:rgba(180,140,210,.16) !important;box-shadow:inset 3px 0 0 rgba(230,175,103,.95),inset -3px 0 0 rgba(108,108,213,.95)}.database-container .database-inner-container .database-content .content-box .content-table tr{background-color:rgba(138,116,85,.2)}.database-container .database-inner-container .database-content .content-box .content-table tr:nth-child(even){background-color:rgba(44,44,44,.47)}.database-container .database-inner-container .database-content .content-box .content-table tr th{padding:1rem;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:.85rem;text-transform:uppercase;letter-spacing:.02rem;color:#eee;text-align:left;background-color:rgba(103,89,62,.85)}.database-container .database-inner-container .database-content .content-box .content-table tr th[data-sort]{cursor:pointer;user-select:none}.database-container .database-inner-container .database-content .content-box .content-table tr th.sorted{position:relative;padding-right:1.25rem}.database-container .database-inner-container .database-content .content-box .content-table tr th.sorted::after{content:"▲";position:absolute;right:.5rem;top:47%;transform:translateY(-50%);font-size:.5rem;color:#e6af67}.database-container .database-inner-container .database-content .content-box .content-table tr th.sorted.desc::after{content:"▼"}.database-container .database-inner-container .database-content .content-box .content-table tr td{padding:.8rem;font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:.85rem}.database-container .database-inner-container .database-content .content-box .content-table tr td:last-of-type{text-align:right}.database-container .content-items{min-width:0}.database-container .content-items #database-sidebar,.database-container .content-items #database-compare-sidebar{min-width:0;width:100%}.compare-btn{margin:0;border-radius:4px;border:1px rgba(230,175,103,.5) solid;background-color:rgba(119,98,58,.85);color:#eee;cursor:pointer}.compare-btn .hidden{visibility:hidden;pointer-events:none}.compare-btn:hover{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid}.table-pagination{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.table-pagination .pagination-summary{font-family:"Roboto",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:.85rem;letter-spacing:.02rem;color:#eee}.table-pagination .pagination-buttons{display:flex;flex-direction:row;gap:.5rem}.table-pagination .pagination-buttons .page-btn{width:25px;height:25px;display:flex;flex-direction:row;gap:.5rem;justify-content:center;align-items:center;padding:1rem;background-color:rgba(106,87,54,.85);border:1px rgba(230,175,103,.53) solid;border-radius:4px;font-family:"Roboto",sans-serif;color:#eee}.table-pagination .pagination-buttons .page-btn:hover{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid;cursor:pointer}.table-pagination .pagination-buttons .page-btn.active{background-color:rgba(119,98,58,.85);border:1px rgba(230,175,103,.91) solid}.table-pagination .pagination-buttons .page-btn:disabled{background-color:rgba(106,87,54,.33);border:1px rgba(230,175,103,.24) solid;cursor:not-allowed;color:#aaa}.database-container .skeleton-line{display:inline-block;height:.9rem;width:100%;border-radius:4px;background:linear-gradient(100deg, rgba(179, 130, 73, 0.35) 40%, rgba(149, 108, 64, 0.45) 50%, rgba(163, 125, 76, 0.4) 60%);background-size:200% 100%;animation:skeleton-loading 1.2s ease-in-out infinite}.database-container .skeleton-block{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.content-table .skeleton-row td{padding:.9rem 1rem}@keyframes skeleton-loading{from{background-position:200% 0}to{background-position:-200% 0}}.database-container .database-menu{opacity:0;animation:database-fade-in .32s ease-out both}.database-container .database-inner-container .database-content .content-box{opacity:0;animation:database-fade-in .38s ease-out .05s both}.database-container .database-inner-container .database-content .content-items{opacity:0;animation:database-fade-in .44s ease-out .1s both}@keyframes database-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.database-container .database-menu,.database-container .database-inner-container .database-content .content-box,.database-container .database-inner-container .database-content .content-items{animation:none !important;opacity:1 !important;transform:none !important}}.database-container .database-inner-container .database-menu .menu-toggle{display:none;background-color:rgba(34,34,34,.62);border:1px rgba(172,138,90,.8) solid;padding:.5rem;border-radius:4px;flex-direction:row;align-items:center;gap:.35rem;color:#eee}.database-container .database-inner-container .database-menu .menu-toggle span{pointer-events:none;color:#e6af67}.database-container .database-inner-container .database-menu .menu-toggle label{pointer-events:none;color:#eee;font-family:"Roboto",sans-serif;font-weight:450;font-size:.85rem;letter-spacing:.02rem;text-transform:uppercase}.database-container .database-inner-container .database-menu .menu-toggle:hover{background-color:rgba(138,116,85,.85);border:1px rgba(230,175,103,.53) solid;cursor:pointer}@media(max-width: 768px){.database-container .database-inner-container .database-menu{flex-wrap:wrap;align-items:stretch}.database-container .database-inner-container .database-menu .menu-title{flex:1 1 auto;min-width:0}.database-container .database-inner-container .database-menu .menu-toggle{display:flex}.database-container .database-inner-container .database-menu .items{display:none;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.database-container .database-inner-container .database-menu[data-open=true] .items{display:flex}.database-container .database-inner-container .database-menu .items .item a{width:100%;justify-content:flex-start}}
