@charset "utf-8";

.empty-teammate-panel { position: relative; bottom: 10%; text-align: center; }

.empty-teammate-panel .character-card-wrapper { width: 475px; display: grid; margin: 0px auto; position: relative; gap: 10px; grid-template-columns: repeat(2, calc(50% - 5px)); }

.empty-teammate-panel .character-card-wrapper .character-card-item { display: flex; padding: 14px 15px; border-radius: 5px; justify-content: center; border: 1px solid rgb(231, 231, 231); }

.empty-teammate-panel .character-card-wrapper .character-card-item .character-avatar { height: 100%; display: flex; margin-right: 10px; align-items: center; }

.empty-teammate-panel .character-card-wrapper .character-card-item .character-avatar img { width: 35px; }

.empty-teammate-panel .character-card-wrapper .character-card-item .character-info { width: 100%; }

.empty-teammate-panel .character-card-wrapper .character-card-item .character-info .character-username { height: 20px; margin-bottom: 5px; border-radius: 3px; background-color: rgb(244, 246, 248); }

.empty-teammate-panel .character-card-wrapper .character-card-item .character-info .character-position { font-size: 12px; text-align: left; color: rgb(92, 102, 118); }

.empty-teammate-panel .character-card-wrapper .character-card-shadow { bottom: 0px; width: 100%; z-index: 10; padding-top: 53px; position: absolute; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); }

.empty-teammate-panel .empty-image { width: 475px; }

.empty-teammate-panel .empty-image.small { width: 430px; }

.empty-teammate-panel .empty-title { font-size: 22px; color: rgb(92, 102, 118); font-weight: 600; margin-top: 30px; }

.empty-teammate-panel .empty-hint { max-width: 515px; font-size: 14px; color: rgb(169, 174, 178); line-height: 1.5; margin: 12px auto; }

.empty-teammate-panel .more-link { color: rgb(118, 113, 255); margin-left: 2px; }

.empty-teammate-panel .add-teammate-btn { margin-top: 12px; }

.empty-teammate-panel .add-icon { font-size: 14px; color: rgb(255, 255, 255); margin-right: 4px; }

.empty-teammate-panel .teammate { font-size: 14px; color: rgb(255, 255, 255); text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }