.epix-user-edit-frame__list{display:grid;position:relative;flex-grow:1;grid-template-columns:repeat(2,1fr);z-index:1;grid-gap:20px;gap:20px}@media(min-width:576px){.epix-user-edit-frame__list{grid-template-columns:repeat(5,1fr)}}@media(min-width:992px){.epix-user-edit-frame__list{grid-template-columns:repeat(7,1fr)}}.epix-user-edit-frame__image-wrap{position:relative;background:#000;cursor:pointer;width:100%;aspect-ratio:1/1;transition:color .25s;box-shadow:0 0 0 2px #3c3c3c}.epix-user-edit-frame__image-wrap:hover{box-shadow:0 0 0 2px #fff,0 0 0 3px #000,0 0 0 5px #00b9ff}.epix-user-edit-frame__image-wrap--active{box-shadow:0 0 0 2px #3c3c3c,0 0 0 3px #000,0 0 0 5px #00b9ff}.epix-user-edit-frame__lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 0 10px #000) drop-shadow(0 0 10px #000) drop-shadow(0 0 20px #000)}.epix-user-edit-frame__image-wrap--is-locked{pointer-events:none}.epix-user-edit-frame__image-wrap--is-locked img{filter:grayscale(1)}.epix-user-edit-card-background__wrap{display:grid;flex-grow:1;grid-gap:20px;gap:20px}@media(min-width:576px){.epix-user-edit-card-background__wrap{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.epix-user-edit-card-background__wrap{grid-template-columns:repeat(3,1fr)}}.epix-user-edit-card-background__image-wrap{position:relative;box-shadow:0 0 0 2px #3c3c3c;background:#000;cursor:pointer;width:100%}.epix-user-edit-card-background__image-wrap:hover{box-shadow:0 0 0 2px #fff}.epix-user-edit-card-background__image-wrap-inner{position:relative;transition:transform .3s ease;padding-bottom:20%;height:0}.epix-user-edit-card-background__image-wrap img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.epix-user-edit-card-background__image-wrap--active{box-shadow:0 0 0 2px #fff,0 0 0 3px #000,0 0 0 5px #00b9ff}.epix-user-edit-card-background__image-wrap--is-locked{pointer-events:none}.epix-user-edit-card-background__image-wrap--is-locked img{filter:grayscale(1)}.epix-user-edit-card-background__lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 0 10px #000) drop-shadow(0 0 10px #000) drop-shadow(0 0 30px #000)}.epix-user-edit-background__list{display:grid;position:relative;flex-grow:1;grid-template-columns:repeat(2,1fr);z-index:1;grid-gap:20px;gap:20px}@media(min-width:576px){.epix-user-edit-background__list{grid-template-columns:repeat(5,1fr)}}@media(min-width:992px){.epix-user-edit-background__list{grid-template-columns:repeat(7,1fr)}}.epix-user-edit-background__image-wrap{position:relative;transition:border .3s ease;border-radius:50%;box-shadow:0 0 0 2px #3c3c3c,inset 0 0 0 1px #3c3c3c;background:#000;cursor:pointer;width:100%;aspect-ratio:1/1}.epix-user-edit-background__image-wrap img{border-radius:50%}.epix-user-edit-background__image-wrap-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.epix-user-edit-background__image-wrap-image img{border-radius:50%}.epix-user-edit-background__image-wrap--is-locked{pointer-events:none}.epix-user-edit-background__image-wrap--is-locked img{border-radius:50%;filter:grayscale(1)}.epix-user-edit-background__image-wrap:not(.epix-user-edit-background__image-wrap--is-locked):hover{box-shadow:0 0 0 2px #fff}.epix-user-edit-background__image-wrap:after{position:absolute;top:-6px;left:-6px;transform:scale(.8);transition:opacity .3s ease,transform .3s ease;opacity:0;border:2px solid #00b9ff;border-radius:50%;width:calc(100% + 8px);height:calc(100% + 8px);content:""}.epix-user-edit-background__image-wrap--active:after{transform:scale(1);opacity:1}.epix-user-edit-background__lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;width:24px;height:24px;filter:drop-shadow(0 0 10px #000) drop-shadow(0 0 10px #000) drop-shadow(0 0 20px #000)}