.eg-lore-overview{position:relative}.eg-lore-overview__header{max-width:var(--eg-ov-max-width, 1600px);margin-inline:auto;margin-block-end:clamp(1.5rem,4vw,3rem);padding-inline:var(--page-margin, 2rem);text-align:center}.eg-lore-overview__title{margin:0}.eg-lore-overview__empty{text-align:center;opacity:.7;padding-block:3rem}.eg-lore-overview__row{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:var(--eg-ov-max-width, 1600px);margin-inline:auto;gap:0}.eg-lore-overview__item{position:relative;flex:0 0 auto;width:100%;opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * 70ms)}.eg-lore-overview__item:hover,.eg-lore-overview__item:focus-within{z-index:5}.eg-lore-overview__row.is-visible .eg-lore-overview__item{opacity:1}.eg-lore-overview__panel{position:relative;display:block;width:100%;overflow:hidden;text-decoration:none;color:inherit;background:#0a0a0a}a.eg-lore-overview__panel{cursor:pointer}.eg-lore-overview__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.eg-lore-overview__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.eg-lore-overview__media--bg{position:static;width:100%}.eg-lore-overview__img--bg{position:static;width:100%;height:auto;z-index:1}.eg-lore-overview__img--char{inset-inline-end:auto;width:auto;height:100%;object-position:left center;z-index:2}.eg-lore-overview__img--placeholder{background:#161616;object-fit:cover}.eg-lore-overview__panel:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:48%;z-index:3;background:linear-gradient(to left,#000000b8,#0000);pointer-events:none}.eg-lore-overview__name{position:absolute;inset-block:0;inset-inline-start:56%;inset-inline-end:0;z-index:4;display:flex;align-items:center;justify-content:flex-end;padding-inline:.5rem clamp(.9rem,4%,1.6rem);text-align:right;font-family:var(--eg-ov-name-font, inherit);font-weight:var(--eg-ov-name-weight, 600);font-size:clamp(.85rem,3.6vw,1.2rem);letter-spacing:var(--eg-ov-name-tracking, .04em);text-transform:var(--eg-ov-name-transform, none);line-height:1.15;color:var(--eg-ov-name-color, #fff);text-shadow:0 2px 12px rgba(0,0,0,.6);overflow-wrap:break-word;pointer-events:none}.eg-lore-overview__item--disabled .eg-lore-overview__name{color:var(--eg-ov-name-color-disabled, #8a8a8a)}.eg-lore-overview__lock{flex:none;display:inline-block;width:.85em;height:.85em;margin-inline-end:.35em;vertical-align:-.12em;fill:currentColor}a.eg-lore-overview__panel:focus-visible{outline:2px solid var(--eg-glow-color, #ffdc82);outline-offset:3px}@media(min-width:750px){.eg-lore-overview{overflow:hidden}.eg-lore-overview__row{flex-direction:row;justify-content:center;align-items:stretch;height:var(--eg-ov-row-height, 600px);padding-block-start:0;overflow:visible}.eg-lore-overview__item{flex:0 0 auto;width:auto;height:100%;margin-block-start:0;margin-inline-start:calc(var(--eg-ov-row-height, 600px) * var(--eg-ov-overlap-k, .1) * -1)}.eg-lore-overview__item:first-child{margin-inline-start:0}.eg-lore-overview__item[data-available=true],.eg-lore-overview__item[data-available=false]{order:0}.eg-lore-overview__panel{width:auto;height:100%;overflow:hidden;background:transparent;clip-path:polygon(calc(var(--eg-ov-row-height, 600px) * var(--eg-ov-overlap-k, .1)) 0,100% 0,calc(100% - var(--eg-ov-row-height, 600px) * var(--eg-ov-overlap-k, .1)) 100%,0 100%);transform-origin:center center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.eg-lore-overview__media--bg{position:static;display:block;height:100%;width:auto;max-width:none}.eg-lore-overview__img--bg{position:static;inset:auto;height:100%;width:auto;max-width:none;object-fit:fill;transform:none}.eg-lore-overview__media--char{position:absolute;inset-inline:0;inset-block-end:0;inset-block-start:auto;height:var(--eg-ov-char-height, 100%);max-width:none;display:flex;justify-content:center;align-items:flex-end}.eg-lore-overview__img--char{position:static;inset:auto;height:100%;width:auto;max-width:none;flex:0 0 auto;object-fit:contain;object-position:center bottom}.eg-lore-overview__panel:after{inset-block-start:auto;inset-block-end:0;inset-inline:0;width:auto;height:45%;background:linear-gradient(to top,#000000c7,#0000);opacity:0;transition:opacity .45s ease}.eg-lore-overview__name{display:block;inset-block-start:auto;inset-block-end:0;inset-inline-start:0;inset-inline-end:calc(var(--eg-ov-row-height, 600px) * var(--eg-ov-overlap-k, .1));padding:.85rem .5rem .95rem;text-align:center;font-size:var(--eg-ov-name-size, 1.1rem);overflow-wrap:break-word;opacity:0;transition:opacity .45s ease}.eg-lore-overview__panel:hover:after,.eg-lore-overview__panel:focus-visible:after{opacity:1}.eg-lore-overview__panel:hover .eg-lore-overview__name,.eg-lore-overview__panel:focus-visible .eg-lore-overview__name{opacity:1}}@media(min-width:750px)and (hover:hover)and (pointer:fine){.eg-lore-overview__panel:hover,.eg-lore-overview__panel:focus-visible{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.eg-lore-overview__item{opacity:1;transition:none}.eg-lore-overview__panel,.eg-lore-overview__name,.eg-lore-overview__panel:after{transition:none}.eg-lore-overview__panel:hover,.eg-lore-overview__panel:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/eg-lore-character-overview.css.map */