.photo-preview__backdrop{border-radius:10px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.photo-preview__backdrop img{border-radius:10px;height:100%;-o-object-fit:cover!important;object-fit:cover!important;width:100%}.photo-preview__backdrop:after{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,100%,0);border-radius:10px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}.photo-preview__container{background:#333;border-radius:10px;bottom:40px;color:#fff;display:flex;justify-content:center;left:70px;overflow:hidden;position:fixed;right:70px;top:40px;z-index:100}.photo-preview__content{display:flex;height:100%;justify-content:center;position:relative;width:100%}.photo-preview__nav{width:10%}.photo-preview__nav,.photo-preview__nav div{align-items:center;display:flex;justify-content:center}.photo-preview__nav div{border-radius:10px;color:#000;font-size:30px;height:50px;width:50px}.photo-preview__photo{height:100%;width:80%}.photo-preview__sidebar{background:#fff;color:#000;display:flex;flex-direction:column;height:100%;width:400px}.photo-preview__header{align-items:center;display:flex;gap:10px;justify-content:space-between;left:10px;position:absolute;right:10px;top:10px}.photo-preview__close{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;transition:all .2s;width:40px}.photo-preview__close:hover{background:#000}.photo-preview__mute{box-shadow:0 0 0 2px #fff;height:40px;width:40px}.photo-preview__mute,.photo-preview__volume{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:center}.photo-preview__volume{background:rgba(0,0,0,.6);font-size:12px;height:30px;width:30px}