/**
 * @name USRBG Profile Modals
 * @author Tropix126
 * @description If your theme heavily modifies the positioning for these modals, I suggest either messing around with the below variables, or writing your own custom code using the database.
 * @version 1.0.0
 */

/*
USRBG Profile Modals by Tropix126.
===========================================
If your theme heavily modifies the
positioning for these modals, I
suggest either messing around with
the below variables, or writing your
own custom code using the database.

You are allowed to use this in your theme
without prior permission from me or any
other contributors to USRBG.
*/
@import url('https://discord-custom-covers.github.io/usrbg/dist/usrbg.css');
:root {
  --usrbg-modal-x-offset:-34px; /*Distance from the avatar container to the edge of the modal (x)*/
  --usrbg-modal-y-offset:-20px; /*Distance from the avatar container to the edge of the modal (y)*/
  --usrbg-modal-width:600px; /*Maximum width of modal*/
  --usrbg-modal-height:600px; /*Maximum height of modal*/
}
.header-QKLPzZ .wrapper-3t9DeA::after {
  content:'';
  position:absolute;
  top:var(--usrbg-modal-x-offset);
  left:var(--usrbg-modal-y-offset);
  width:var(--usrbg-modal-width);
  height: var(--usrbg-modal-height);
  opacity:.5;
  pointer-events:none;
  background: var(--user-background) center/cover no-repeat;
  -webkit-mask: linear-gradient(black, transparent 80%);
}

.headerInfo-30uryT,
.tabBarItem-1b8RUP,
.activity-1ythUs {
  z-index:1;
  position:relative;
}