.warSelectorContainer{padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;width:35vw;color:var(--snb-color-default)}@media(max-width:1350px){.warSelectorContainer{display:none}}.warSelectorContainer{border-right:1px solid hsla(0,0%,50%,.5)}.warSelectorContainer>.header{text-shadow:0 2px 8px rgba(0,0,0,.7);border-bottom:3px solid #c0c0be;padding-bottom:.2rem}.warSelectorContainer>.header .title{font-family:Bebas Neue;font-size:calc(2.1rem + 1vh);line-height:.9}.warSelectorContainer .warSelectors{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow-y:auto}.warSelectorElementContainer{border:1px solid #949494;background:rgba(27,27,27,.631);border-radius:.5rem;padding:.75rem;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.warSelectorElementContainer.selected{border:1px solid #fff}.warSelectorElementContainer>.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-family:Bebas Neue}.warSelectorElementContainer>.header .titleContainer .title{font-size:calc(1.8rem + .5vh);line-height:.9}.warSelectorElementContainer>.header .titleContainer img{height:calc(1.64rem + .5vh);width:auto;margin-right:.3rem;vertical-align:sub}.warSelectorElementContainer>.header .openWarLink{line-height:1;padding:.25rem 1rem;font-size:calc(1.2rem + .5vh);color:var(--snb-color-default);text-decoration:none;transition:background .3s ease;background:linear-gradient(90deg,rgba(27,27,27,.631),#444 10%,#444 90%,rgba(27,27,27,.631))}.warSelectorElementContainer>.header .openWarLink:focus,.warSelectorElementContainer>.header .openWarLink:hover{color:#444;background:linear-gradient(90deg,rgba(27,27,27,.631),#f1b100 10%,#f1b100 90%,rgba(27,27,27,.631))}.warSelectorElementContainer>.header .openWarLink.selected{pointer-events:none;color:rgba(2,2,2,.898);background:linear-gradient(90deg,rgba(27,27,27,.631),#f1b100 10%,#f1b100 90%,rgba(27,27,27,.631))}.warSelectorElementContainer .duration{font-family:Roboto;font-size:calc(.7rem + .5vh);margin:-.5rem 0;color:gray}.warSelectorElementContainer .factionAndStatusContainer{display:flex;flex-direction:row;justify-content:space-between;width:inherit;font-family:Bebas Neue;line-height:.9}.warSelectorElementContainer .factionAndStatusContainer .factions{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.25rem .5rem;gap:1.5rem;background:linear-gradient(90deg,rgba(27,27,27,.631),#1e3c72 50%,#743b18 0,rgba(27,27,27,.631))}.warSelectorElementContainer .factionAndStatusContainer .factions .vsSeparator{font-family:Bebas Neue;font-size:calc(1.4rem + .5vh);line-height:.9}.warSelectorElementContainer .factionAndStatusContainer .status{line-height:1;padding:.25rem 1rem;font-size:calc(1.2rem + .5vh)}.warSelectorElementContainer .factionAndStatusContainer .status.upcoming{background:linear-gradient(90deg,rgba(27,27,27,.631),#6e5203 10%,#6e5203 90%,rgba(27,27,27,.631))}.warSelectorElementContainer .factionAndStatusContainer .status.ongoing{background:linear-gradient(90deg,rgba(27,27,27,.631),#741818 10%,#741818 90%,rgba(27,27,27,.631))}.warSelectorElementContainer .factionAndStatusContainer .status.ended{background:linear-gradient(90deg,rgba(27,27,27,.631),#327418 10%,#327418 90%,rgba(27,27,27,.631))}.warSelectorElementContainer .image>img{border-radius:.25rem;padding:.1rem;width:100%;height:auto}.warSelectorElementContainer .description{color:#f0f0f0;font-family:Nunito;font-size:calc(.65rem + .5vh)}.warSelectorElementContainer .description p:last-of-type{margin-bottom:0}