:root {
    --page-background-color: #fff;
    --page-background-color-90: #FFFFFFE6;
    --page-header-background-mobile-color: #333333;
    --page-header-foreground-color: #FFFFFF;
    --page-header-reduced-foreground-color: #6F6F6F;
    --page-pane-background-color: #FFFFFF;
    --page-pane2-background-color: #f4f4f4;
    --page-pane2-background-color-90: #EEEEEEEe;
    --page-pane3-background-color: #F2F2F2;
    --page-tabbar-highlight-color: rgb(0, 113, 227);
    --page-foreground-color: #000;
    --page-foreground-reduced-color: #4F4F4F;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@media (prefers-color-scheme: dark) {
    :root {
        --page-background-color: #000;
        --page-background-color-90: #000000aa;
        --page-foreground-color: #fff;
        --page-foreground-reduced-color: #B3B3B3;
        --page-header-background-mobile-color: #333333;
        --page-pane-background-color: #111;
        --page-pane2-background-color: #222;
        --page-pane2-background-color-90: #222222ee;
        --page-pane3-background-color: #333;
    }
}

body {
    margin: 0;
    padding: 0;
    color: var(--page-foreground-color);
    background-color: var(--page-background-color);
}

header {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 768px) {
    body:has(header) {
        padding-top: 50px;
    }
}

section {
    background-color: var(--page-background-color);
}

section.container {
    padding: 20px;
}

.footer-margin {
    margin-bottom: 110px;
}

.menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 20px;
    padding-bottom: 60px;
}

.menu > .pane {
    margin-top: 2px;
    padding: 20px 20px 20px 20px;
    background-color: var(--page-pane2-background-color);
}

h3 {
    margin: 20px 0px 10px 0px;
    color: var(--page-foreground-color);
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.row.flex-start {
    justify-content: flex-start;
}

.row-collection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
}

.column-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.icon-label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.icon-label.pill {
    background-color: var(--page-pane2-background-color);
    border-radius: 20px;
    padding: 0px 10px 0px 10px;
    font-size: 0.8rem;
    color: var(--page-foreground-reduced-color);
    display: inline-flex;
    max-width: 90%;
    word-wrap: anywhere;
}

.icon-label > p {
    padding: 0px;
    margin: 5px;
}

.icon-label > img {
    width: auto;
    height: 18px;
    border-radius: 4px;
}

@media (prefers-color-scheme: light) {
    .icon-label > img.icon {
        filter: invert(1);
    }
}

.menu-container > span {
    padding: 0px;
    margin: 5px;
}

@media (max-width: 768px) {
    header {
        background-color: var(--page-header-background-mobile-color);
        color: var(--page-header-reduced-foreground-color);
        position: fixed;
        top: 0;
        width: calc(100% - 40px);
        z-index: 1000;
    }
    header span {
        color: var(--page-header-foreground-color);
    }

    .container {
        padding: 50px 0px;
    }
}

.tab-bar {
    display: flex;
    justify-content: space-around;
    backdrop-filter: blur(20px);
    background-color: var(--page-pane3-background-color);
    border-top: 1px solid var(--page-pane2-background-color);
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.tab {
    flex: 1;
    text-align: center;
}

.tab input[type="radio"] {
    display: none;
}

.tab label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    cursor: pointer;
}

.tab label img {
    margin-bottom: 5px;
}

.tab input[type="radio"]:checked + label {
    color: var(--page-tabbar-highlight-color);
    filter: brightness(0) saturate(100%) invert(31%) sepia(99%) saturate(2803%) hue-rotate(197deg) brightness(91%) contrast(102%);
}

@media (prefers-color-scheme: light) {
    .tabicon {
        filter: invert(1);
    }
}

.tabicon {
    height: 20px;
    width: 20px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.tabicon1 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMjI4LS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIzLjkzNTUiIGhlaWdodD0iMTUuMjgzMiI+CiA8Zz4KICA8cmVjdCBoZWlnaHQ9IjE1LjI4MzIiIG9wYWNpdHk9IjAiIHdpZHRoPSIyMy45MzU1IiB4PSIwIiB5PSIwIi8+CiAgPHBhdGggZD0iTTAgMC44ODg2NzJMMCAxNC40MjM4QzAgMTQuOTUxMiAwLjM0MTc5NyAxNS4yODMyIDAuODY5MTQxIDE1LjI4MzJMNC4wNzIyNyAxNS4yODMyQzQuNjA5MzggMTUuMjgzMiA0Ljk0MTQxIDE0Ljk1MTIgNC45NDE0MSAxNC40MjM4TDQuOTQxNDEgNC45NjA5NEwxOC42MjMgNC45NjA5NEwxOC42MjMgMTQuNDIzOEMxOC42MjMgMTQuOTUxMiAxOC45NjQ4IDE1LjI4MzIgMTkuNDkyMiAxNS4yODMyTDIyLjcwNTEgMTUuMjgzMkMyMy4yMzI0IDE1LjI4MzIgMjMuNTc0MiAxNC45NTEyIDIzLjU3NDIgMTQuNDIzOEwyMy41NzQyIDAuODg4NjcyQzIzLjU3NDIgMC4zNjEzMjggMjMuMjMyNCAwLjAxOTUzMTIgMjIuNzA1MSAwLjAxOTUzMTJMMC44NjkxNDEgMC4wMTk1MzEyQzAuMzQxNzk3IDAuMDE5NTMxMiAwIDAuMzYxMzI4IDAgMC44ODg2NzJaIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KIDwvZz4KPC9zdmc+Cg==");
}

.tabicon2 {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMjI4LS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE3LjY5NTMiIGhlaWdodD0iMTkuNjU4MiI+CiA8Zz4KICA8cmVjdCBoZWlnaHQ9IjE5LjY1ODIiIG9wYWNpdHk9IjAiIHdpZHRoPSIxNy42OTUzIiB4PSIwIiB5PSIwIi8+CiAgPHBhdGggZD0iTTMuMDY2NDEgMTkuNjQ4NEwxNC41NjA1IDE5LjY0ODRDMTYuMzA4NiAxOS42NDg0IDE3LjMzNCAxOC42MzI4IDE3LjMzNCAxNi42MjExTDE3LjMzNCA2LjUxMzY3QzE3LjMzNCA0LjUwMTk1IDE2LjI5ODggMy40ODYzMyAxNC4yNjc2IDMuNDg2MzNMMy4wNjY0MSAzLjQ4NjMzQzEuMDI1MzkgMy40ODYzMyAwIDQuNDkyMTkgMCA2LjUxMzY3TDAgMTYuNjIxMUMwIDE4LjY0MjYgMS4wMjUzOSAxOS42NDg0IDMuMDY2NDEgMTkuNjQ4NFpNMy4wODU5NCAxOC4wNzYyQzIuMTA5MzggMTguMDc2MiAxLjU3MjI3IDE3LjU1ODYgMS41NzIyNyAxNi41NDNMMS41NzIyNyA2LjU5MThDMS41NzIyNyA1LjU3NjE3IDIuMTA5MzggNS4wNTg1OSAzLjA4NTk0IDUuMDU4NTlMMTQuMjM4MyA1LjA1ODU5QzE1LjIwNTEgNS4wNTg1OSAxNS43NjE3IDUuNTc2MTcgMTUuNzYxNyA2LjU5MThMMTUuNzYxNyAxNi41NDNDMTUuNzYxNyAxNy41NTg2IDE1LjIwNTEgMTguMDc2MiAxNC41MzEyIDE4LjA3NjJaTTQuODE0NDUgMy44NjcxOUw2LjM4NjcyIDMuODc2OTVDNi4zODY3MiAyLjQ4MDQ3IDcuMzA0NjkgMS40ODQzOCA4LjY2MjExIDEuNDg0MzhDMTAuMDE5NSAxLjQ4NDM4IDEwLjk0NzMgMi40ODA0NyAxMC45NDczIDMuODc2OTVMMTIuNTE5NSAzLjg2NzE5QzEyLjUxOTUgMS43MDg5OCAxMC44NDk2IDAgOC42NjIxMSAwQzYuNDc0NjEgMCA0LjgxNDQ1IDEuNzA4OTggNC44MTQ0NSAzLjg2NzE5WiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CiAgPHBhdGggZD0iTTguODM3ODkgMTQuOTgwNUM5LjUyMTQ4IDE0Ljk4MDUgOS42Njc5NyAxNS4zNDE4IDEwLjI3MzQgMTUuMzQxOEMxMC44NjkxIDE1LjM0MTggMTEuMjU5OCAxNC43OTQ5IDExLjYzMDkgMTQuMjQ4QzEyLjA1MDggMTMuNjQyNiAxMi4yMjY2IDEzLjAzNzEgMTIuMjI2NiAxMi45OThDMTIuMjE2OCAxMi45OTggMTEuMDY0NSAxMi41MTk1IDExLjA2NDUgMTEuMjQwMkMxMS4wNjQ1IDEwLjExNzIgMTEuOTUzMSA5LjYwOTM4IDExLjk5MjIgOS41NzAzMUMxMS40MDYyIDguNzMwNDcgMTAuNTM3MSA4LjcwMTE3IDEwLjI3MzQgOC43MDExN0M5LjYxOTE0IDguNzAxMTcgOS4wODIwMyA5LjA5MTggOC43MjA3IDkuMDkxOEM4LjM2OTE0IDkuMDkxOCA3Ljg4MDg2IDguNzMwNDcgNy4zMDQ2OSA4LjczMDQ3QzYuMjEwOTQgOC43MzA0NyA1LjEwNzQyIDkuNjI4OTEgNS4xMDc0MiAxMS4zMjgxQzUuMTA3NDIgMTIuMzgyOCA1LjUwNzgxIDEzLjUwNTkgNi4wMzUxNiAxNC4yMTg4QzYuNDY0ODQgMTQuODQzOCA2LjgzNTk0IDE1LjM0MTggNy4zOTI1OCAxNS4zNDE4QzcuOTM5NDUgMTUuMzQxOCA4LjE2NDA2IDE0Ljk4MDUgOC44Mzc4OSAxNC45ODA1Wk05Ljk1MTE3IDcuOTc4NTJDMTAuMjI0NiA3LjY2NjAyIDEwLjQyOTcgNy4xOTcyNyAxMC40Mjk3IDYuNzQ4MDVDMTAuNDI5NyA2LjY4OTQ1IDEwLjQyOTcgNi42MzA4NiAxMC40MTAyIDYuNTgyMDNDOS45NTExNyA2LjU4MjAzIDkuNDQzMzYgNi44NjUyMyA5LjEyMTA5IDcuMjU1ODZDOC44NTc0MiA3LjUyOTMgOC42MzI4MSA3Ljk3ODUyIDguNjMyODEgOC40MTc5N0M4LjYzMjgxIDguNDk2MDkgOC42NDI1OCA4LjU2NDQ1IDguNjYyMTEgOC41ODM5OEM4LjY4MTY0IDguNTgzOTggOC43MjA3IDguNTkzNzUgOC43OTg4MyA4LjU5Mzc1QzkuMTc5NjkgOC41OTM3NSA5LjY2Nzk3IDguMzM5ODQgOS45NTExNyA3Ljk3ODUyWiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CiA8L2c+Cjwvc3ZnPgo=");
}

dialog {
    color: var(--page-foreground-color);
    background-color: var(--page-background-color);
}

.modal {
  border: 1px solid var(--input-container-secondary-color);
  border-radius: 15px;
  background-color: var(--input-container-background-color);
  padding: 20px;
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: scale(0.9);
  min-width: 300px;
}

.modal[open] {
  opacity: 1;
  transform: scale(1);
}

/* Hintergrund abdunkeln */
.modal::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.modal[open]::backdrop {
  opacity: 1;
}

.modal-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 10px;
}

.disclaimer {
    font-size: 12px;
    color: var(--page-header-reduced-foreground-color);
    margin: 15px 0 0 10px;
}

img.placeholder, img[src*="shippingbox.svg"] {
    opacity: 0.2;
}

@media (prefers-color-scheme: dark) {
    img.placeholder, img[src*="shippingbox.svg"] {
        filter: invert(1);
    }
}

.placeholder-with-icon {
    height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.placeholder-with-icon > img {
    align-self: center;
    margin-top: 30px;
    margin-bottom: 20px;
    height: 100px;
}

h2.placeholder {
    margin-top: 10px;
    align-self: center;
    color: var(--page-foreground-color);
    text-transform: uppercase;
    opacity: 0.2;
    text-align: center;
}

.table-icon {
    content: "";
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(0%, 3px);
}

@media (prefers-color-scheme: dark) {
    .table-icon {
        filter: invert(1);
    }
}

.table-icon.approved {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMzQxLS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDk5LjYwOTQgOTkuNjU4MiI+CiA8Zz4KICA8cmVjdCBoZWlnaHQ9Ijk5LjY1ODIiIG9wYWNpdHk9IjAiIHdpZHRoPSI5OS42MDk0IiB4PSIwIiB5PSIwIi8+CiAgPHBhdGggZD0iTTk5LjYwOTQgNDkuODA0N0M5OS42MDk0IDc3LjI0NjEgNzcuMjk0OSA5OS42MDk0IDQ5LjgwNDcgOTkuNjA5NEMyMi4zNjMzIDk5LjYwOTQgMCA3Ny4yNDYxIDAgNDkuODA0N0MwIDIyLjMxNDUgMjIuMzYzMyAwIDQ5LjgwNDcgMEM3Ny4yOTQ5IDAgOTkuNjA5NCAyMi4zMTQ1IDk5LjYwOTQgNDkuODA0N1pNNjQuOTkwMiAzMC40MTk5TDQ0LjE0MDYgNjMuOTE2TDM0LjIyODUgNTEuMTIzQzMzLjAwNzggNDkuNTExNyAzMS45MzM2IDQ5LjA3MjMgMzAuNTE3NiA0OS4wNzIzQzI4LjMyMDMgNDkuMDcyMyAyNi42MTEzIDUwLjg3ODkgMjYuNjExMyA1My4wNzYyQzI2LjYxMTMgNTQuMTk5MiAyNy4wNTA4IDU1LjI3MzQgMjcuNzgzMiA1Ni4yNUw0MC4wMzkxIDcxLjI4OTFDNDEuMzA4NiA3Mi45OTggNDIuNjc1OCA3My42ODE2IDQ0LjMzNTkgNzMuNjgxNkM0NS45OTYxIDczLjY4MTYgNDcuNDEyMSA3Mi45MDA0IDQ4LjQzNzUgNzEuMjg5MUw3MS4zODY3IDM1LjE1NjJDNzEuOTcyNyAzNC4xMzA5IDcyLjYwNzQgMzMuMDA3OCA3Mi42MDc0IDMxLjkzMzZDNzIuNjA3NCAyOS42Mzg3IDcwLjYwNTUgMjguMTczOCA2OC40NTcgMjguMTczOEM2Ny4xODc1IDI4LjE3MzggNjUuOTE4IDI4Ljk1NTEgNjQuOTkwMiAzMC40MTk5WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC44NSIvPgogPC9nPgo8L3N2Zz4K");
    filter: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(2125%) hue-rotate(77deg) brightness(87%) contrast(83%);
}

.table-icon.rejected {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMzQxLS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDk5LjYwOTQgOTkuNjU4MiI+CiA8Zz4KICA8cmVjdCBoZWlnaHQ9Ijk5LjY1ODIiIG9wYWNpdHk9IjAiIHdpZHRoPSI5OS42MDk0IiB4PSIwIiB5PSIwIi8+CiAgPHBhdGggZD0iTTk5LjYwOTQgNDkuODA0N0M5OS42MDk0IDc3LjI0NjEgNzcuMjk0OSA5OS42MDk0IDQ5LjgwNDcgOTkuNjA5NEMyMi4zNjMzIDk5LjYwOTQgMCA3Ny4yNDYxIDAgNDkuODA0N0MwIDIyLjMxNDUgMjIuMzYzMyAwIDQ5LjgwNDcgMEM3Ny4yOTQ5IDAgOTkuNjA5NCAyMi4zMTQ1IDk5LjYwOTQgNDkuODA0N1pNNjQuMjU3OCAyOS44ODI4TDQ5Ljg1NzUgNDQuMTgxMUwzNS40OTggMjkuODgyOEMzNC43MTY4IDI5LjEwMTYgMzMuNzQwMiAyOC43MTA5IDMyLjY2NiAyOC43MTA5QzMwLjQxOTkgMjguNzEwOSAyOC42MTMzIDMwLjQ2ODggMjguNjEzMyAzMi42NjZDMjguNjEzMyAzMy43ODkxIDI5LjA1MjcgMzQuNzY1NiAyOS43ODUyIDM1LjU0NjlMNDQuMTE4MSA0OS44Nzk5TDI5Ljc4NTIgNjQuMTExM0MyOS4wNTI3IDY0Ljk0MTQgMjguNjEzMyA2NS44NjkxIDI4LjYxMzMgNjYuOTkyMkMyOC42MTMzIDY5LjIzODMgMzAuNDE5OSA3MS4wOTM4IDMyLjY2NiA3MS4wOTM4QzMzLjgzNzkgNzEuMDkzOCAzNC44MTQ1IDcwLjYwNTUgMzUuNTk1NyA2OS44NzNMNDkuODQzNCA1NS42MDUxTDY0LjExMTMgNjkuODczQzY0Ljg5MjYgNzAuNjA1NSA2NS44NjkxIDcxLjA5MzggNjcuMDQxIDcxLjA5MzhDNjkuMjM4MyA3MS4wOTM4IDcxLjA0NDkgNjkuMjM4MyA3MS4wNDQ5IDY2Ljk5MjJDNzEuMDQ0OSA2NS44NjkxIDcwLjY1NDMgNjQuOTQxNCA2OS44NzMgNjQuMTExM0w1NS41NzA1IDQ5Ljg2OThMNjkuODczIDM1LjU0NjlDNzAuNjU0MyAzNC43NjU2IDcxLjA0NDkgMzMuNzg5MSA3MS4wNDQ5IDMyLjY2NkM3MS4wNDQ5IDMwLjQ2ODggNjkuMjM4MyAyOC43MTA5IDY3LjA0MSAyOC43MTA5QzY1LjkxOCAyOC43MTA5IDY0Ljk5MDIgMjkuMTAxNiA2NC4yNTc4IDI5Ljg4MjhaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CiA8L2c+Cjwvc3ZnPgo=");
    filter: brightness(0) saturate(100%) invert(35%) sepia(72%) saturate(4307%) hue-rotate(337deg) brightness(99%) contrast(102%);
}

.table-icon.pending {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMzQxLS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDk5LjYwOTQgOTkuNjU4MiI+CiA8Zz4KICA8cmVjdCBoZWlnaHQ9Ijk5LjY1ODIiIG9wYWNpdHk9IjAiIHdpZHRoPSI5OS42MDk0IiB4PSIwIiB5PSIwIi8+CiAgPHBhdGggZD0iTTQ5LjgwNDcgOTkuNjA5NEM3Ny4yOTQ5IDk5LjYwOTQgOTkuNjA5NCA3Ny4yOTQ5IDk5LjYwOTQgNDkuODA0N0M5OS42MDk0IDIyLjMxNDUgNzcuMjk0OSAwIDQ5LjgwNDcgMEMyMi4zMTQ1IDAgMCAyMi4zMTQ1IDAgNDkuODA0N0MwIDc3LjI5NDkgMjIuMzE0NSA5OS42MDk0IDQ5LjgwNDcgOTkuNjA5NFpNNDkuODA0NyA5MS4zMDg2QzI2Ljg1NTUgOTEuMzA4NiA4LjMwMDc4IDcyLjc1MzkgOC4zMDA3OCA0OS44MDQ3QzguMzAwNzggMjYuODU1NSAyNi44NTU1IDguMzAwNzggNDkuODA0NyA4LjMwMDc4QzcyLjc1MzkgOC4zMDA3OCA5MS4zMDg2IDI2Ljg1NTUgOTEuMzA4NiA0OS44MDQ3QzkxLjMwODYgNzIuNzUzOSA3Mi43NTM5IDkxLjMwODYgNDkuODA0NyA5MS4zMDg2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC44NSIvPgogPC9nPgo8L3N2Zz4K");
    filter: brightness(0) saturate(100%) invert(67%) sepia(98%) saturate(477%) hue-rotate(358deg) brightness(103%) contrast(105%);
}

.table-icon.store {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMzQxLS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDg2LjY2OTkgOTguMjkxIj4KIDxnPgogIDxyZWN0IGhlaWdodD0iOTguMjkxIiBvcGFjaXR5PSIwIiB3aWR0aD0iODYuNjY5OSIgeD0iMCIgeT0iMCIvPgogIDxwYXRoIGQ9Ik0xNS4zMzIgOTguMjQyMkw3Mi44MDI3IDk4LjI0MjJDODEuNTQzIDk4LjI0MjIgODYuNjY5OSA5My4xNjQxIDg2LjY2OTkgODMuMTA1NUw4Ni42Njk5IDMyLjU2ODRDODYuNjY5OSAyMi41MDk4IDgxLjQ5NDEgMTcuNDMxNiA3MS4zMzc5IDE3LjQzMTZMMTUuMzMyIDE3LjQzMTZDNS4xMjY5NSAxNy40MzE2IDAgMjIuNDYwOSAwIDMyLjU2ODRMMCA4My4xMDU1QzAgOTMuMjEyOSA1LjEyNjk1IDk4LjI0MjIgMTUuMzMyIDk4LjI0MjJaTTE1LjQyOTcgOTAuMzgwOUMxMC41NDY5IDkwLjM4MDkgNy44NjEzMyA4Ny43OTMgNy44NjEzMyA4Mi43MTQ4TDcuODYxMzMgMzIuOTU5QzcuODYxMzMgMjcuODgwOSAxMC41NDY5IDI1LjI5MyAxNS40Mjk3IDI1LjI5M0w3MS4xOTE0IDI1LjI5M0M3Ni4wMjU0IDI1LjI5MyA3OC44MDg2IDI3Ljg4MDkgNzguODA4NiAzMi45NTlMNzguODA4NiA4Mi43MTQ4Qzc4LjgwODYgODcuNzkzIDc2LjAyNTQgOTAuMzgwOSA3Mi42NTYyIDkwLjM4MDlaTTI0LjA3MjMgMTkuMzM1OUwzMS45MzM2IDE5LjM4NDhDMzEuOTMzNiAxMi40MDIzIDM2LjUyMzQgNy40MjE4OCA0My4zMTA1IDcuNDIxODhDNTAuMDk3NyA3LjQyMTg4IDU0LjczNjMgMTIuNDAyMyA1NC43MzYzIDE5LjM4NDhMNjIuNTk3NyAxOS4zMzU5QzYyLjU5NzcgOC41NDQ5MiA1NC4yNDggMCA0My4zMTA1IDBDMzIuMzczIDAgMjQuMDcyMyA4LjU0NDkyIDI0LjA3MjMgMTkuMzM1OVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KIDwvZz4KPC9zdmc+Cg==");
}

.table-icon.product {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLUdlbmVyYXRvcjogQXBwbGUgTmF0aXZlIENvcmVTVkcgMzQxLS0+CjwhRE9DVFlQRSBzdmcKUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDE3MC4yNjQgOTcuNDEyMSI+CiA8Zz4KICA8cmVjdCBoZWlnaHQ9Ijk3LjQxMjEiIG9wYWNpdHk9IjAiIHdpZHRoPSIxNzAuMjY0IiB4PSIwIiB5PSIwIi8+CiAgPHBhdGggZD0iTTYzLjc2OTUgMTguMDY2NEw2My43Njk1IDE4LjYwMzVDNjMuNzY5NSAyMC42NTQzIDY1LjA4NzkgMjIuMDIxNSA2Ny4xMzg3IDIyLjAyMTVMODUuMjA1MSAyMi4wMjE1Qzg3LjIwNyAyMi4wMjE1IDg4LjQ3NjYgMjAuNjU0MyA4OC40NzY2IDE4LjYwMzVMODguNDc2NiAxOC4wNjY0Qzg4LjQ3NjYgMTcuMjM2MyA4OC45MTYgMTYuODk0NSA4OS42OTczIDE2Ljg5NDVMMTE3Ljc3MyAxNi44OTQ1QzEyMC44OTggMTYuODk0NSAxMjIuNTEgMTguNDU3IDEyMi41MSAyMS41ODJMMTIyLjUxIDIzLjg3N0w3NS4xOTUzIDIzLjg3N0M2Ny4zODI4IDIzLjg3NyA2MS4yNzkzIDI5LjkzMTYgNjEuMjc5MyAzNy43NDQxTDYxLjI3OTMgNzcuMjk0OUw1OC41OTM4IDc3LjI5NDlDNTguMjY4NyA3Ny4yOTQ5IDU3Ljk0NzMgNzcuMzEwNSA1Ny42MzA4IDc3LjM0MzdMMjkuNzg1MiA3Ny4zNDM3TDI5Ljc4NTIgMjEuNTgyQzI5Ljc4NTIgMTguNDU3IDMxLjM0NzcgMTYuODk0NSAzNC41MjE1IDE2Ljg5NDVMNjIuNjQ2NSAxNi44OTQ1QzYzLjMzMDEgMTYuODk0NSA2My43Njk1IDE3LjIzNjMgNjMuNzY5NSAxOC4wNjY0WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yMTI1Ii8+CiAgPHBhdGggZD0iTTEzMC4zNzEgMTkuMzg0OEwxMzAuMzcxIDIzLjg3N0wxMjIuNTEgMjMuODc3TDEyMi41MSAyMS41ODJDMTIyLjUxIDE4LjQ1NyAxMjAuODk4IDE2Ljg5NDUgMTE3Ljc3MyAxNi44OTQ1TDg5LjY5NzMgMTYuODk0NUM4OC45MTYgMTYuODk0NSA4OC40NzY2IDE3LjIzNjMgODguNDc2NiAxOC4wNjY0TDg4LjQ3NjYgMTguNjAzNUM4OC40NzY2IDIwLjY1NDMgODcuMjA3IDIyLjAyMTUgODUuMjA1MSAyMi4wMjE1TDY3LjEzODcgMjIuMDIxNUM2NS4wODc5IDIyLjAyMTUgNjMuNzY5NSAyMC42NTQzIDYzLjc2OTUgMTguNjAzNUw2My43Njk1IDE4LjA2NjRDNjMuNzY5NSAxNy4yMzYzIDYzLjMzMDEgMTYuODk0NSA2Mi42NDY1IDE2Ljg5NDVMMzQuNTIxNSAxNi44OTQ1QzMxLjM0NzcgMTYuODk0NSAyOS43ODUyIDE4LjQ1NyAyOS43ODUyIDIxLjU4MkwyOS43ODUyIDc3LjM0MzhMNTcuNjMwOCA3Ny4zNDM3QzUyLjU2MjUgNzcuODI3OSA0OC41ODQgODIuMTE1IDQ4LjU4NCA4Ny4zNTM1QzQ4LjU4NCA4Ny43MzM3IDQ4LjYwNDkgODguMTA4OCA0OC42NDk5IDg4LjQ3NjZMMTEuMjMwNSA4OC40NzY2QzguMjAzMTIgODguNDc2NiA1LjcxMjg5IDg1Ljk4NjMgNS43MTI4OSA4Mi45MTAyQzUuNzEyODkgNzkuODM0IDguMjAzMTIgNzcuMzQzOCAxMS4yMzA1IDc3LjM0MzhMMjEuOTIzOCA3Ny4zNDM4TDIxLjkyMzggMTkuMzg0OEMyMS45MjM4IDEyLjU0ODggMjUuOTI3NyA5LjAzMzIgMzIuMzczIDkuMDMzMkwxMTkuOTIyIDkuMDMzMkMxMjYuNzA5IDkuMDMzMiAxMzAuMzcxIDEyLjU0ODggMTMwLjM3MSAxOS4zODQ4WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC44NSIvPgogIDxwYXRoIGQ9Ik05OS45MDIzIDM3LjQwMjNMOTkuOTAyMyAzNy43OTNDOTkuOTAyMyAzOS4zNTU1IDEwMC45MjggNDAuNDI5NyAxMDIuNTM5IDQwLjQyOTdMMTE2LjM1NyA0MC40Mjk3QzExNy45MiA0MC40Mjk3IDExOC45NDUgMzkuMzU1NSAxMTguOTQ1IDM3Ljc5M0wxMTguOTQ1IDM3LjQwMjNDMTE4Ljk0NSAzNi43Njc2IDExOS4yODcgMzYuNDc0NiAxMTkuODI0IDM2LjQ3NDZMMTQxLjg0NiAzNi40NzQ2QzE0My42NTIgMzYuNDc0NiAxNDQuOTIyIDM3Ljc0NDEgMTQ0LjkyMiAzOS41OTk2TDE0NC45MjIgODMuMDU2Nkw3My44MjgxIDgzLjA1NjZMNzMuODI4MSAzOS41OTk2QzczLjgyODEgMzcuNzQ0MSA3NS4xNDY1IDM2LjQ3NDYgNzYuOTUzMSAzNi40NzQ2TDk5LjA3MjMgMzYuNDc0NkM5OS42MDk0IDM2LjQ3NDYgOTkuOTAyMyAzNi43Njc2IDk5LjkwMjMgMzcuNDAyM1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMjEyNSIvPgogIDxwYXRoIGQ9Ik01NC4yOTY5IDg3LjM1MzVDNTQuMjk2OSA4OS43OTQ5IDU2LjI1IDkxLjc0OCA1OC41OTM4IDkxLjc0OEwxNjAuMTU2IDkxLjc0OEMxNjIuNTk4IDkxLjc0OCAxNjQuNTUxIDg5Ljc5NDkgMTY0LjU1MSA4Ny4zNTM1QzE2NC41NTEgODQuOTEyMSAxNjIuNTk4IDgyLjk1OSAxNjAuMTU2IDgyLjk1OUwxNTEuODA3IDgyLjk1OUwxNTEuODA3IDM3Ljc0NDFDMTUxLjgwNyAzMy4wNTY2IDE0OC4zNCAyOS41ODk4IDE0My42NTIgMjkuNTg5OEw3NS4xOTUzIDI5LjU4OThDNzAuNTA3OCAyOS41ODk4IDY2Ljk0MzQgMzMuMDU2NiA2Ni45NDM0IDM3Ljc0NDFMNjYuOTQzNCA4Mi45NTlMNTguNTkzOCA4Mi45NTlDNTYuMjUgODIuOTU5IDU0LjI5NjkgODQuOTEyMSA1NC4yOTY5IDg3LjM1MzVaTTczLjgyODEgODMuMDU2Nkw3My44MjgxIDM5LjU5OTZDNzMuODI4MSAzNy43NDQxIDc1LjE0NjUgMzYuNDc0NiA3Ni45NTMxIDM2LjQ3NDZMMTQxLjg0NiAzNi40NzQ2QzE0My42NTIgMzYuNDc0NiAxNDQuOTIyIDM3Ljc0NDEgMTQ0LjkyMiAzOS41OTk2TDE0NC45MjIgODMuMDU2NlpNOTguMDQ2OSAzNi40NzQ2TDk5LjA3MjMgMzYuNDc0NkM5OS42MDk0IDM2LjQ3NDYgOTkuOTAyMyAzNi43Njc2IDk5LjkwMjMgMzcuNDAyM0w5OS45MDIzIDM3Ljc5M0M5OS45MDIzIDM5LjM1NTUgMTAwLjkyOCA0MC40Mjk3IDEwMi41MzkgNDAuNDI5N0wxMTYuMzU3IDQwLjQyOTdDMTE3LjkyIDQwLjQyOTcgMTE4Ljk0NSAzOS4zNTU1IDExOC45NDUgMzcuNzkzTDExOC45NDUgMzcuNDAyM0MxMTguOTQ1IDM2Ljc2NzYgMTE5LjI4NyAzNi40NzQ2IDExOS44MjQgMzYuNDc0NkwxMjAuODUgMzYuNDc0NkwxMjAuODUgMzMuMzQ5Nkw5OC4wNDY5IDMzLjM0OTZaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjg1Ii8+CiA8L2c+Cjwvc3ZnPgo=");
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th {
    color: var(--page-header-foreground-color);
    background-color: var(--page-header-background-mobile-color);
}

td {
    padding: 7px;
    border-bottom: 1px solid var(--input-container-secondary-color);
}

td.selecable {
    cursor: pointer;
}

.info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    align-items: start;
    padding: 10px;
    color: var(--page-header-reduced-foreground-color);
    font-size: 10px;
}

.info > p {
    margin: 0;
    padding: 0;
}

footer {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 20px;
    gap: 20px;
    color: var(--page-header-reduced-foreground-color);
    background-color: rgba(var(--page-pane2-background-color), 0.8);
    position: fixed;
    bottom: 0;
    width: calc(100% - 40px);
    border-top: 1px solid var(--page-pane2-background-color);
    backdrop-filter: blur(10px);
}

.hidden {
    display: none !important;
}

.devider {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1px;
    background-color: var(--page-pane3-background-color);
}

#push-banner {
    background-color: var(--page-header-background-mobile-color);
    color: var(--page-header-foreground-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

#push-banner.hidden {
    display: none;
}

.skeleton {
  cursor: progress;

  background: linear-gradient(90deg, #ddda 40%, #efefefaa, #ddda 60%) right / 300% 100%;
  animation: skeleton-loading 1.5s linear infinite;
}

@keyframes skeleton-loading {
  to {
    background-position: left;
  }
}

@media not (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: auto;
    }

    ::view-transition-group(detail) {
        animation-duration: 0.6s;
        animation-timing-function: ease-out;
    }

    ::view-transition-old(detail) {
        animation-name: slide-out-right;
    }

    ::view-transition-new(detail) {
        animation-name: slide-in-right;
    }

    @keyframes slide-out-right {
        to {
            translate: 100vw;
        }
    }

    @keyframes slide-in-right {
        from {
            translate: 100vw;
        }
    }

    #detail-content {
        view-transition-name: detail;
    }
}