:root{--closed-side-panel-width:30px;--lighter-blue:#52b7e9;--light-blue:#189de4;--blue:#146ca4;--dark-blue:#203354;--darker-blue:#242444;--gray-blue:#484848}#app,body,html{height:100%;width:100%;overflow:hidden}body{margin:0;font-size:14px}*{-webkit-tap-highlight-color:transparent;font-family:Share-TechMono,sans-serif;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.card{width:100%;height:214px;position:relative;display:grid}.card>*{z-index:1}.card .card-background{filter:drop-shadow(0 0 .75rem rgba(0,0,0,.7));border:4px solid;border-radius:30px 3px;overflow:hidden;height:214px}.card .card-background .metal-texture{opacity:.15;width:100%;min-width:600px;background-repeat:repeat-y;position:absolute;inset:0}.card .card-background .card-custom-background{max-width:500px;max-height:100%;opacity:.7;-o-object-fit:contain;object-fit:contain;margin-left:50px}.card .card-info{grid-area:info-1;width:130px;height:calc(100% - 20px);display:flex;justify-self:center;align-self:center;flex-direction:column;justify-content:space-around;align-content:center;justify-self:end}.card .card-info .card-name{height:40px;padding:2px;line-height:16px;font-size:.9rem;display:flex;justify-content:center;text-align:center;align-items:center;background:#000;color:#dcdcdc;font-weight:700;border:2px solid #666}.card .card-possess-info,.card .card-stats{width:100%;max-width:80px;background:#424242}.card .card-possess-info{grid-area:owned;justify-self:center;text-align:center;font-weight:700;padding:0 7px;color:#fff;border-radius:6px;margin:10px 0 5px}.card .card-possess-info>input{width:100%;background:#000;color:#fff;text-align:center}.card .card-stats{grid-area:stats;justify-self:center;margin:10px 10px 5px 0;color:#fff;border-radius:8px;overflow:hidden}.card .card-stats .card-stats-title{text-align:center;width:100%;font-weight:bolder;font-size:1.2rem;background:rgba(0,0,0,.26666666666666666);box-shadow:inset -1px -1px 14px rgba(0,0,0,.4)}.card .card-stats .card-stats-container .card-stat{display:flex;justify-content:center}.card .card-stats .card-stats-container .card-stat .card-stat-name{width:40%;font-weight:700}.card .card-stats .card-stats-container .card-stat .card-stat-value{width:40%;text-align:right}.card .card-skill{position:relative;color:#fff}.card .card-skill.skill-1{grid-area:skill-1}.card .card-skill.skill-2{grid-area:skill-2}.card .card-skill.empty-skill .skill-background{box-shadow:inset -1px -1px 14px #000;opacity:.5}.card .card-skill .skill-background{z-index:-1;position:absolute;inset:0;left:85px;background:#424242}.card .card-skill .requirement,.card .card-skill .skill-background{border-top-left-radius:10px;border-bottom-left-radius:10px}.card .skill-definition{grid-area:skill-definition;display:flex;flex-direction:column;height:100%;flex:auto}.card .skill-definition>*{padding:0 5px}.card .skill-definition .skill-name{min-height:30px;display:flex;align-items:center;font-weight:600;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));box-shadow:inset -1px -1px 14px rgba(0,0,0,.4)}.card .skill-definition .skill-description{padding:4px;text-overflow:ellipsis;white-space:pre-line}@media (max-width:767px){.card{grid-template-areas:"info-1  owned   stats  skill-def" "info-1 skill-1 skill-2 skill-def";grid-template-columns:145px 90px 90px auto;grid-template-rows:50% 50%;justify-items:center}.card .skill-definition.selection{grid-area:skill-def;background:#424242;color:#fff;box-shadow:inset -1px -1px 14px rgba(0,0,0,.4);border-radius:4px;border-bottom-right-radius:20px;margin:10px;margin-left:0;height:calc(100% - 20px);overflow:hidden}.card .skill-definition.selection .skill-description,.card .skill-definition.selection .skill-name{padding:5px}.card .card-skill{position:relative;width:calc(min(100%, 90px));display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end}.card .card-skill .skill-background{display:none}.card .card-skill .requirement{width:calc(min(calc(100% - 10px), 80px));background:rgba(0,0,0,.2);border-radius:14px;margin-bottom:3px;box-shadow:inset 1px 2px 4px #000;background:#424242;color:#fff}.card .card-skill .requirement.common{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:28px;align-items:center;justify-items:center}.card .card-skill .requirement.common>img{transition:all .15s ease-in-out;height:23px;width:23px}.card .card-skill .requirement.character{font-size:85%;line-height:12px;text-align:center;height:28px;font-weight:600}.card .card-skill .requirement.character>span{display:flex;width:100%;height:100%;justify-content:center;align-items:center;padding:4px}.card .card-skill>img{transition:all .15s ease-in-out;aspect-ratio:1/1;width:calc(100% - 30px);filter:drop-shadow(0 5px .3rem rgba(0,0,0,.7))}.card .card-skill.selected>img{border:1px solid #cbfffa}.card .card-skill:not(.selected):not(.empty-skill){cursor:pointer}.card .card-skill:not(.selected):not(.empty-skill)>img{transform:scale(.95);filter:brightness(80%)}}@media (max-width:767px) and (hover:hover) and (pointer:fine){.card .card-skill:not(.selected):not(.empty-skill):hover>img{transform:scale(1);filter:brightness(100%)}}@media (max-width:767px){.card .card-skill .skill-definition{display:none}}@media (max-width:599px){.card{grid-template-areas:"info-1     owned      stats  " "info-1    skill-1    skill-2 " "skill-def skill-def skill-def";grid-template-columns:145px 1fr 1fr;grid-template-rows:107px 107px 0;transition:all .15s ease-in-out}.card .card-skill{align-self:start}.card .card-skill>img{cursor:pointer}.card .card-skill .requirement{margin-top:0}.card .skill-definition.selection{transition:all .15s ease-in-out;margin:0 40px;height:0;border:2px solid transparent;color:#fff}.card:not(.show-skill-def) .card-skill>img{border:none;transform:scale(.95);filter:brightness(80%)}}@media (max-width:599px) and (hover:hover) and (pointer:fine){.card:not(.show-skill-def) .card-skill:hover>img{transform:scale(1);filter:brightness(100%)}}@media (max-width:599px){.card.show-skill-def{height:353.1px;grid-template-columns:145px 1fr 1fr;grid-template-rows:107px 107px 139.1px}.card.show-skill-def .skill-definition.selection{border:2px solid #777;border-top:0;height:139.1px}}@media (min-width:769px){.card{grid-template-areas:"info-1 owned skill-1" "info-1 stats skill-2";grid-template-columns:145px 90px 1fr;grid-template-rows:50% 50%}.card .skill-definition.selection{display:none}.card .card-skill{display:flex;margin:10px;margin-left:0;flex-direction:row;align-items:center;border-radius:5px;overflow:hidden}.card .card-skill .requirement{width:35px;height:100%;background:rgba(0,0,0,.2);box-shadow:inset 1px 2px 4px #000;padding:4px}.card .card-skill .requirement.common{display:grid;grid-template-rows:1fr 1fr 1fr;flex-direction:column;justify-content:space-around;align-items:center}.card .card-skill .requirement.common>img{height:25px;width:25px}.card .card-skill .requirement.character{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;transform:rotate(180deg);border-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:100%;line-height:15px;text-align:center}.card .card-skill .requirement.character>span{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.card .card-skill>img{height:75px;width:75px;margin:0 5px;filter:drop-shadow(0 5px .3rem rgba(0,0,0,.7))}.card .card-skill.skill-1{margin-bottom:5px}.card .card-skill.skill-2{margin-top:5px;border-bottom-right-radius:20px}}.card-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.card-frame{touch-action:none;cursor:pointer;position:relative;border-width:4px;border-style:solid;border-radius:5px;padding-bottom:100%}.card-frame .card-figure{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 16px #000}.card-frame .card-figure>img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;transition:all 225ms ease-in-out;width:100%;height:100%;filter:drop-shadow(10px 16px 3px rgba(0,0,0,.6))}.card-frame .card-type-label{position:absolute;top:-15px;left:-15px;width:50px;height:50px}.card-frame .card-type-label>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-frame .card-add-loadout,.card-frame .card-id{display:flex;align-items:center;justify-content:center;background:#000;color:#dcdcdc;width:35px;height:20px;position:absolute;right:0;border-left:1px solid hsla(0,0%,100%,.4666666666666667);border-bottom:1px solid hsla(0,0%,100%,.4666666666666667)}.card-frame .card-id{top:0}.card-frame .card-add-loadout{bottom:0}@media (hover:hover) and (pointer:fine){.card-frame:hover .card-figure>img{transform:scale(1.05)}}.rank-B .card-background{background:linear-gradient(#3cbae2,#005b90);border-color:#3cbae2}.rank-B .card-frame{border-color:#005b90;background:radial-gradient(#3cbae2 8px,#005b90 0);background-size:22px 22px;background-position:-10px -10px}.rank-B .card-name{background:#042651}.rank-A .card-background{background:linear-gradient(#e98fff,#581a6a);border-color:#e98fff}.rank-A .card-frame{border-color:#581a6a;background:radial-gradient(#e98fff 8px,#581a6a 0);background-size:22px 22px;background-position:-10px -10px}.rank-A .card-name{background:#2d0451}.rank-S .card-background{background:linear-gradient(#fff340,#86650c);border-color:#fff340}.rank-S .card-frame{border-color:#86650c;background:radial-gradient(#fff340 8px,#86650c 0);background-size:22px 22px;background-position:-10px -10px}.rank-S .card-name{background:#3a2a04}.card-list{height:100%;width:100%}.card-list.display-grid>.card-list-container{width:100%;padding:15px 0;display:grid;grid-column-gap:15px;grid-row-gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.card-list.display-list>.card-list-container .card-slot{width:100%;padding:0 10px}.card-list.display-list>.card-list-container .card-slot:not(:last-child){padding-top:10px}.card-list.display-list>.card-list-container .card-slot:last-child{padding-bottom:10px}.is-hidden{display:none}.foldable-container{overflow:hidden;border-radius:10px;background:#424242;border:1px solid hsla(0,0%,100%,.2)}.foldable-container .fc-header{position:relative;background:rgba(0,0,0,.26666666666666666);padding:0 44px;box-shadow:0 0 10px rgba(0,0,51,.6);pointer-events:none}.foldable-container .fc-header .fc-fold-arrow{position:absolute;right:10px;transform:translateY(-50%);height:24px;top:50%}.foldable-container .fc-header .fc-fold-arrow>span{transition:transform .15s ease;transform:rotate(0deg)}.foldable-container.folded .fc-fold-arrow>span{transform:rotate(180deg)}.foldable-container.foldable .fc-header{pointer-events:inherit}.foldable-container.foldable .fc-content{transition:max-height .15s ease-out;max-height:0}.multi-select{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:.25rem}.multi-select .multi-select-category{margin-bottom:5px}.multi-select .multi-select-category .ms-category-header{text-align:center;padding:5px 0}.multi-select .multi-select-category .ms-category-header .ms-category-name{font-weight:700;text-transform:uppercase}.multi-select .multi-select-category .ms-option-list .multi-select-option{padding:.25rem .5rem;display:flex;align-items:center;cursor:pointer;border-radius:5px}.multi-select .multi-select-category .ms-option-list .multi-select-option>img{width:50px;height:50px}.multi-select .multi-select-category .ms-option-list .multi-select-option .ms-option-name{padding-left:5px}.multi-select .multi-select-category .ms-option-list .multi-select-option.selected{background:var(--light-blue)}.multi-select.hide-label .ms-option-name{display:none}.multi-select.ms-grid .multi-select-category .ms-option-list:not(.inlineOptions){display:grid;grid-column-gap:.25rem;grid-row-gap:.25rem;justify-items:center;grid-template-columns:1fr 1fr}.multi-select.ms-grid .multi-select-category .ms-option-list:not(.inlineOptions) .multi-select-option{justify-content:start;width:100%}.multi-select.ms-grid .multi-select-category .ms-option-list.inlineOptions{display:flex}.multi-select.ms-grid .multi-select-category .ms-option-list.inlineOptions .multi-select-option{justify-content:center;width:100%}.multi-select.ms-icon-md .ms-option-list .multi-select-option>img{width:50px;height:50px;background:rgba(0,0,0,.26666666666666666);border-radius:5px}.multi-select.ms-icon-sm .ms-option-list .multi-select-option>img{width:25px;height:25px}.combination-composer{display:grid;grid-template-columns:.8fr 18px 1fr;width:100%}.combination-composer .cc-comb-preview,.combination-composer .cc-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(25px,1fr));grid-gap:1px;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.2);overflow:hidden}.combination-composer .cc-comb-preview{grid-template-rows:repeat(auto-fill,minmax(25px,1fr))}.combination-composer .cc-comb-arrow{display:flex;justify-content:center;align-items:center}.combination-composer .cc-option-list{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:filter .15s ease-out;filter:grayscale(0)}.combination-composer .cc-option-list.disabled{pointer-events:none;filter:grayscale(1)}.combination-composer .cc-option-list.disabled .cc-option{cursor:default}.combination-composer .cc-option{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:28px;background:#424242}.combination-composer .cc-option>img{width:25px;height:25px}.combination-composer .cc-option.empty{cursor:default}.filters-list{display:flex;flex-direction:column;height:100%}.filters-list .filters-container{flex:auto;display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;background:#203354}.filters-list .filters-container .all-filters{height:100%;margin:0;padding:20px 0}.filters-list .filters-container .all-filters .option{display:flex;color:#eee}.filters-list .filters-container .all-filters .option.label-position-top,.filters-list .filters-container .all-filters .option.searchable{flex-direction:column}.filters-list .filters-container .all-filters .option.label-position-top .option-header,.filters-list .filters-container .all-filters .option.searchable .option-header{width:100%;margin-bottom:5px}.filters-list .filters-container .all-filters .option:not(:last-child){margin-bottom:1rem}.filters-list .filters-container .all-filters .option .option-header{display:flex;align-items:center}.filters-list .filters-container .all-filters .option .option-header .option-name{display:flex;align-items:center;min-width:85px;text-align:left;padding-left:10px;text-transform:uppercase;font-style:italic;font-weight:700}.filters-list .filters-container .all-filters .option .option-header .option-search-bar{flex:auto;height:24px;margin:0 5px}.filters-list .filters-container .all-filters .option .option-header .option-subtype-selector{width:34px}.filters-list .filters-container .all-filters .option .option-header .option-subtype-selector>span{width:28px;padding:2px;border-radius:5px;cursor:pointer}.filters-list .filters-container .all-filters .option .option-header .option-subtype-selector>span.selected{background:var(--light-blue);cursor:default}.filters-list .filters-container .all-filters .option .option-input{flex:auto;justify-content:flex-start;align-items:center;display:flex;padding:0 5px}.filters-list .filters-container .all-filters .option .option-input>select,.filters-list .filters-container .all-filters .option .option-input input[type=text]{width:100%}.filters-list .filters-container .all-filters .option .option-input>:not(:first-child){margin-left:10px}.filters-list .fl-footer{background:var(--gray-blue)}.filters-list .fl-footer .auto-apply{color:#fff;margin:5px 0;display:flex;align-items:center;justify-content:center}.filters-list .fl-footer .auto-apply input{margin:0 5px}.filters-list .fl-footer .action-buttons{display:flex;justify-content:space-around;align-items:center;height:55px;min-height:55px}.filters-list .fl-footer .action-buttons>.btn{height:35px}.filters-list .fl-footer .action-buttons>.btn.is-hidden{display:none}.divider{width:100%;height:5px;min-height:5px;border-top:1px solid #eee;border-bottom:1px solid #eee}.modal{z-index:9999}.modal .modal-background{position:fixed;inset:0;background:rgba(0,0,0,.5333333333333333);z-index:9998}.modal .modal-content{z-index:9999;position:fixed;inset:0;margin:auto;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;max-height:100%}.modal .modal-content .modal-header{text-transform:uppercase;font-weight:bolder;font-size:14px;text-align:center;color:#fff;padding:5px;background:var(--gray-blue);border-bottom:1px solid hsla(0,0%,100%,.5333333333333333)}.modal .modal-content .modal-body{flex:auto;background:var(--darker-blue);box-shadow:2px 2px 8px rgba(0,0,0,.5333333333333333)}.fade-enter-active,.fade-leave-active{transition:opacity .4s linear}.fade-enter,.fade-leave-to{opacity:0}.translate-page-y-enter-active,.translate-page-y-leave-active{transform:translateY(0);transition:transform .25s ease-out,opacity .25s ease-out}.translate-page-y-enter-from{transform:translateY(10px);opacity:0}.translate-page-y-leave-to{transform:translateY(-300px);opacity:0}@media (prefers-reduced-motion:reduce){.translate-page-y-enter-active,.translate-page-y-leave-active{transition:none}}.loadout-card-skill{display:flex;width:100%;height:50%;padding:2px;padding-left:0}.loadout-card-skill>img{height:100%}.loadout-card-skill .skill-info-container{flex:auto;font-size:12px;background:#424242;color:#fff;display:flex;align-items:center;box-shadow:inset 2px 2px 4px rgba(0,0,0,.6);border-top-right-radius:4px;border-bottom-right-radius:4px;overflow:hidden;position:relative}.loadout-card-skill .skill-info-container .skill-label{padding:0 10px}@media (max-width:399px){.loadout-card-skill .skill-info-container .skill-label{padding:0 2px}}.loadout-card-skill .skill-info-container .requirement{width:100%}.loadout-card-skill .skill-info-container .requirement.common{display:flex;justify-content:center}.loadout-card-skill .skill-info-container .requirement.common>img{width:25px}@media (max-width:360px){.loadout-card-skill .skill-info-container .requirement.common>img{width:20px}}.loadout-card-skill .skill-info-container .requirement.character{text-align:center}.loadout-card-skill:not(.is-active){filter:brightness(.5)}.loadout-card-skill .fade-fast-enter-active,.loadout-card-skill .fade-fast-leave-active{transition:opacity .2s ease;position:absolute}.loadout-card-skill .fade-fast-enter-from,.loadout-card-skill .fade-fast-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.loadout-card-skill .fade-fast-enter-active,.loadout-card-skill .fade-fast-leave-active{transition:none}}.lm-card-preview{display:flex;width:100%;height:108px;position:relative}.lm-card-preview:not(.empty){border-radius:5px;background:rgba(0,0,0,.13333333333333333);box-shadow:inset 2px 2px 8px #000;overflow:hidden}.lm-card-preview:not(:last-child){margin-bottom:10px}.lm-card-preview>:not(.card-background){z-index:1}.lm-card-preview .card-bg-text{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;color:rgba(35,67,126,.8);-webkit-background-clip:text;background-clip:text}.lm-card-preview .card-frame{width:100px;min-width:100px;height:100%;padding-bottom:0}.lm-card-preview .card-info{display:flex;flex-direction:column;align-items:center;width:40px;min-width:40px;padding:5px 2px}.lm-card-preview .card-info .card-type-label{display:flex;justify-content:center;align-items:center;width:40px;height:40px}.lm-card-preview .card-info .card-type-label img{width:30px;height:30px}.lm-card-preview .card-info .r5-btn{color:#fff;display:flex;font-style:italic;flex:auto;margin:2px;cursor:pointer}.lm-card-preview .card-info .r5-btn .r5-btn-labels{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.lm-card-preview .card-info .r5-btn .r5-btn-slider{border:1px solid hsla(0,0%,100%,.4666666666666667);width:10px;background:#424242;border-radius:500px;margin:10px;margin-right:2px;position:relative}.lm-card-preview .card-info .r5-btn .r5-btn-slider>img{transition:all .15s ease-out;position:absolute;transform:translate(-50%,-50%);top:0;left:50%;filter:grayscale(0);width:20px}.lm-card-preview:not(.is-r5) .card-info .r5-btn .r5-btn-slider>img,.lm-card-preview:not(.is-r5).frame-only .r5-icon{filter:grayscale(1)}.lm-card-preview:not(.is-r5) .card-info .r5-btn .r5-btn-slider>img{top:100%}.lm-card-preview .card-skills{display:flex;flex-direction:column;flex:auto;overflow:hidden}.lm-card-preview.frame-only .card-frame .card-type-label,.lm-card-preview.frame-only .card-frame .r5-icon{position:absolute;left:-2px;z-index:1;width:25px;height:25px}.lm-card-preview.frame-only .card-frame .card-type-label{top:-2px}.lm-card-preview.frame-only .card-frame .r5-icon{bottom:-2px}.lm-card-preview.frame-only .card-frame .r5-icon>img,.loadout-manager{width:100%;height:100%}.loadout-manager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;justify-items:center;align-items:center}.loadout-manager>:not(.divider){padding:10px}.loadout-manager .divider{margin:5px 0}.loadout-manager .lm-selector-panel .lm-label{margin:0}.loadout-manager .lm-selector-panel .lm-selector{flex:auto;border-radius:5px;background:#424242;color:#fff;font-weight:600;text-align:center}.loadout-manager .lm-selector-panel .lm-selector:focus{outline:none}.loadout-manager .lm-list-add{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:4px;border-radius:50%}.loadout-manager .lm-list-btn-group{display:flex;justify-content:space-between;padding:0 20px}.loadout-manager .lm-list-btn-group>.btn{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:8px}.loadout-manager .lm-list-btn-group>.btn>.material-icons{font-size:32px}.loadout-manager .loadout{flex:auto}.loadout-manager .loadout .loadout-container>:not(:last-child){margin-bottom:20px}.loadout-manager .loadout .loadout-container .lm-skill-view-select{width:100%;display:flex;color:#fff;border-radius:4px;background:#424242;margin-bottom:10px;border:1px solid #fff;box-shadow:inset 0 0 6px #007;position:relative;overflow:hidden}.loadout-manager .loadout .loadout-container .lm-skill-view-select .lm-skill-view-bg{position:absolute;width:50%;height:100%;left:0;background:var(--blue);transition:left .15s ease-out;z-index:0}.loadout-manager .loadout .loadout-container .lm-skill-view-select.selected-1 .lm-skill-view-bg{left:50%}.loadout-manager .loadout .loadout-container .lm-skill-view-select .lm-skill-view-opt{z-index:1;width:50%;text-align:center;padding:4px 0}.loadout-manager .loadout .loadout-container .lm-skill-view-select .lm-skill-view-opt:last-child{border-left:1px solid #fff}.loadout-manager .loadout .loadout-container .lm-card-previews{position:relative;display:flex;grid-template-rows:repeat(auto-fit,minmax(100px,1fr));width:100%;height:346px;overflow:hidden}.loadout-manager .loadout .loadout-container .lm-card-previews>.lm-card-preview-list{position:relative}.loadout-manager .loadout .loadout-container .lm-card-previews>.lm-card-preview-list.replace-slots{width:100px;cursor:pointer}@media (max-width:399px){.loadout-manager .loadout .loadout-container .lm-card-previews>.lm-card-preview-list.replace-slots{width:50px}}.loadout-manager .loadout .loadout-container .lm-card-previews>.lm-card-preview-list.replace-slots .lm-card-preview{overflow:unset;filter:brightness(.75)}.loadout-manager .loadout .loadout-container .lm-card-previews>.lm-card-preview-list:not(.replace-slots){width:100%;flex:auto}.loadout-manager .loadout .loadout-container .lm-card-previews .lm-card-preview-bg{position:absolute;inset:0}.loadout-manager .loadout .loadout-container .lm-card-previews .lm-card-preview{position:absolute}.loadout-manager .loadout .loadout-container .lm-card-previews .lm-card-preview.card-slot-0{top:0}.loadout-manager .loadout .loadout-container .lm-card-previews .lm-card-preview.card-slot-1{top:118px}.loadout-manager .loadout .loadout-container .lm-card-previews .lm-card-preview.card-slot-2{top:236px}.loadout-manager .lm-stats .lm-stat{width:100%;display:flex;color:#fff}.loadout-manager .lm-stats .lm-stat:not(:last-child){margin-bottom:8px}.loadout-manager .lm-stats .lm-stat .lm-stat-label{width:40px}.loadout-manager .lm-stats .lm-stat .lm-stat-amount{flex:auto;text-align:center;background:linear-gradient(90deg,#00ff51 0,green var(--weight-amount),#335 var(--weight-amount),#424242 calc(var(--weight-amount) + 6%));border:1px solid hsla(0,0%,100%,.4666666666666667);border-radius:4px;box-shadow:inset 0 0 4px #000}.loadout-manager>*{width:100%}.loadout-manager .lm-label{margin-bottom:10px;color:#fff;font-weight:700;font-style:oblique;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.loadout-manager .lm-label>span:first-child{min-width:70px;padding-right:10px}.loadout-manager .lm-label>input{flex:auto;padding-left:5px;border-radius:5px;box-shadow:inset 0 0 4px #000;overflow:hidden;border:none}.loadout-manager .lm-label .lm-char-select{display:flex;align-items:center}.loadout-manager .lm-label .lm-char-select .lm-char-list{display:flex;border-radius:4px;margin-left:10px}.loadout-manager .lm-label .lm-char-select .lm-char-list .lm-char-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--light-blue);border-radius:4px;padding:0;overflow:hidden;z-index:1;transition:all .15s ease-out}.loadout-manager .lm-label .lm-char-select .lm-char-list .lm-char-icon:not(:first-child){margin-left:5px}.loadout-manager .lm-label .lm-char-select .lm-char-list .lm-char-icon:not(.is-active){filter:brightness(.5);padding:4px;background:var(--darker-blue);cursor:pointer}.loadout-manager .lm-label .lm-char-select .lm-char-list .lm-char-icon.has-no-character{filter:grayscale(1)}.loadout-manager .lm-label .lm-char-select .lm-char-list .lm-char-icon>img{width:100%}.loadout-manager .lm-label .lm-char-select .lm-char-list .lm-char-icon>.material-icons{font-size:30px}.reverse-list-enter-active,.reverse-list-leave-active,.reverse-list-move{pointer-events:none;z-index:999;transition:all .5s ease}.reverse-list-enter-from,.reverse-list-leave-to{opacity:0;transform:translateX(50%)}.list-leave-active{position:absolute}.ghost{transition:all 50ms ease-out;opacity:.5}.pop-item-enter-active,.pop-item-leave-active,.pop-item-move{pointer-events:none;transition:all .5s ease;z-index:0}.pop-item-enter-from,.pop-item-leave-to{opacity:0}.pop-item-enter-from{transform:scale(0)}.pop-item-leave-to{transform:scale(1)}.list-enter-active,.list-leave-active,.list-move{pointer-events:none;z-index:999;transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateX(-50%)}.list-leave-active,.pop-item-leave-active{position:absolute}.modal-content.lm-modal{width:400px}:root{--side-panel-width:360px;--side-panel-body-width:calc(var(--side-panel-width) - var(--closed-side-panel-width))}@media (max-width:360px){:root{--side-panel-width:100%}}.side-panel .panel-overlay{position:fixed;z-index:5;inset:0;cursor:pointer;background:rgba(0,0,0,.3);transition:all .3s}@media (min-width:1280px){.side-panel .panel-overlay{display:none}}.side-panel .left-bar-width{width:var(--closed-side-panel-width)}.side-panel .panel{width:var(--side-panel-width);height:100%;background:var(--gray-blue);transition:all .3s;z-index:6;display:flex}@media (max-width:767px){.side-panel .panel{width:100%}}@media (max-width:1279px){.side-panel .panel{position:fixed;top:0;right:0}}.side-panel .panel .left-bar{width:var(--closed-side-panel-width);background-color:var(--darker-blue);background-image:linear-gradient(315deg,var(--darker-blue),var(--blue) 74%,var(--darker-blue));background-size:90%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;text-shadow:0 0 4px #698596}@media (min-width:1280px){.side-panel .panel .left-bar{cursor:default;pointer-events:none;display:none}}.side-panel .panel .left-bar .fold-btn{height:30px;width:30px;color:#698596;display:flex;align-items:center;justify-content:center}.side-panel .panel .left-bar .fold-btn>.arrow{font-size:50px;transform:rotate(-180deg);transition:all .5s;-webkit-text-stroke:2px hsla(0,0%,100%,.6);color:#fff}.side-panel .panel .panel-content{min-width:var(--side-panel-body-width);flex:auto;height:100%;display:flex;flex-direction:column}@media (min-width:1280px){.side-panel .panel .panel-content{border-right:1px solid #fff}}.side-panel .panel .panel-content .panel-header{text-transform:uppercase;font-weight:bolder;font-size:28px;display:flex;justify-content:center;align-items:center;color:#fff;height:50px;min-height:50px}@media (max-width:360px){.side-panel .panel .panel-content .panel-header{font-size:20px}}.side-panel .panel .panel-content .panel-body{flex:auto;background:var(--dark-blue);overflow:hidden}@media (max-width:1279px){.side-panel:not(.opened) .panel-overlay{width:0;height:0;background:transparent}.side-panel:not(.opened) .panel{width:var(--closed-side-panel-width)}.side-panel:not(.opened) .panel .left-bar .fold-btn .arrow{transform:rotate(0deg)}}.hl-hover:hover{background:var(--lighter-blue)}.hl-hover-danger:hover{background:#ea2c34}.scrollable{overflow:auto}.scrollable::-webkit-scrollbar{width:10px;height:15px}.scrollable::-webkit-scrollbar-track{border-radius:10px;background-color:hsla(0,0%,100%,.1)}.scrollable::-webkit-scrollbar-thumb{background-image:linear-gradient(45deg,#00aeff,#a68eff);border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.12) 0 3px 13px 1px}.side-panel-enter-active,.side-panel-leave-active{transition:opacity .3s ease-out}.side-panel-enter-from,.side-panel-leave-to{opacity:0}.home,.home>*{height:100%}.home{display:flex;background:#484848}@media (min-width:1280px){.home>.side-panel>.panel{flex-direction:row-reverse}}@media (max-width:1279px){.home{flex-direction:row-reverse}}.home .panel-title{display:flex;align-items:center;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home .panel-title .material-icons{width:32px;font-size:38px;cursor:pointer}.home .panel-title .title-label{flex:auto;text-transform:capitalize;text-align:center;cursor:default}.home .view-window{display:flex;flex:auto;height:100%;width:calc(100% - var(--closed-side-panel-width))}.no-select{-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.btn{color:#fff;font-size:16px;padding:5px 10px;min-width:75px;border-radius:5px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .25s ease-in-out}.btn.round{border-radius:50%}.btn:hover{cursor:pointer;background:#23395d}.btn.primary{background:#203354}.btn.danger{background:#ea2c34}.btn.text-danger{color:#ea2c34}.btn:hover{background:hsla(0,0%,100%,.13333333333333333)}.btn.danger:hover,.btn.text-danger:hover{background:#ed5359;color:#fff}.btn[disabled=true]{pointer-events:none;color:#666;cursor:default}.btn[disabled=true].danger,.btn[disabled=true].primary{background:#bbb}*,:after,:before{font-family:Open Sans,sans-serif}