.showreel{background-color:var(--base-100);justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.showreel .showreel-container{will-change:transform, border-radius;border-radius:2rem;width:100%;height:100%;position:relative;overflow:hidden;transform:scale(.75)}.showreel .showreel-container video{object-fit:cover;width:100%;height:100%}.showreel .volume-icon{-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:10;color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:100%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex;position:absolute;bottom:2rem;right:2rem}.showreel .volume-icon:hover{background-color:#fff3;scale:1.05}@media (max-width:999px){.showreel .showreel-container{border-radius:0;transform:scale(1)}.showreel .showreel-container video{object-fit:cover;width:100%;height:100%;position:relative;top:auto;left:auto;transform:none}.showreel .volume-icon{width:2.5rem;height:2.5rem;bottom:1.5rem;right:1.5rem}}