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