.credits_box { position: relative; z-index: 10000; padding: calc(var(--mp) * 2); margin-bottom: var(--footer-size); } .credits_group_container { margin-bottom: calc(var(--mp) * 4); } .credits_group { font-weight: 500; font-size: 1.25rem; padding: calc(var(--mp) * 1); padding-bottom: calc(var(--mp) * 2); margin-bottom: calc(var(--mp) * 2); border-bottom: var(--border-sep); text-transform: uppercase; } .credits_items_grid { display: grid; grid-template-columns: 33% auto; } .credits_items_grid div:nth-child(odd) { text-align: right; align-content: center !important; justify-content: center !important; align-items: center !important; justify-items: flex-end !important; } .credits_single_item { break-inside: avoid; padding: calc(var(--mp) * 2); border-bottom: var(--border-sep-dash); } .credits_item_key, .credits_item_value { padding: calc(var(--mp) * .5); font-size: 1rem; } .credits_item_value { opacity: .75; } .credits_item_key { font-weight: bold; display: flex; flex-wrap: nowrap; align-content: flex-end !important; justify-content: flex-end !important; align-items: flex-end !important; justify-items: flex-end !important; } .credits_item_value_name { font-size: 1.15rem; opacity: 1 !important; } .credits { padding: calc(var(--mp) * 4); position: relative; background-color: var(--box-bg-color-dark); width: stretch; display: flex; align-content: center !important; justify-content: center !important; align-items: center !important; justify-items: center !important; z-index: 1; box-shadow: none !important; border-bottom-color: transparent !important; border-top: 2pt solid var(--title-color); } .credits-content { width: var(--contents-width); margin: auto; } .footer_expander { display: flex; flex: 1 1 auto; flex-grow: 1 1 auto; height: 100%; height: stretch; border-top-color: var(--box-bg-color-dark) !important; } @media screen and (min-width:1024px) { .credits-content { display: flex; gap: calc(var(--mp) * 3); column-rule: 1pt dashed #ffffff20; } .credits_box { column-count: 3; column-fill: balance; column-rule: var(--border-std); column-gap: calc(var(--mp) * 4); } } @media screen and (orientation:portrait) and (max-width:1023px) { .credits-content { display: flex; gap: calc(var(--mp) * 0) !important; flex-direction: column; } .credits-content .observer_sentinel { min-width: 0px; max-width: 0px; width: 0px; overflow: hidden; } section.credits { display: flex; margin: 0px !important; padding: 0px !important; flex-direction: column; } }