.videoContainer{border-radius:13px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.videoContainer--entrance{animation:.45s ease-out both videoFadeIn}@keyframes videoFadeIn{0%{opacity:0}to{opacity:1}}.videoBackdrop{z-index:0;pointer-events:none;background:linear-gradient(145deg,#18181b 0%,#0a0a0b 50%,#27272a 100%);position:absolute;inset:0}.videoBackdrop__img{object-fit:cover;width:100%;height:100%;display:block}.videoSurface{z-index:1;object-fit:contain;opacity:0;background:0 0;width:100%;height:auto;transition:opacity .35s ease-out;position:relative}.videoSurface--visible{opacity:1}.VideoControls{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#0006;border-radius:13px;flex-direction:column;justify-content:space-around;gap:18px;padding:15px;transition:opacity .3s;display:flex;position:absolute;bottom:.5rem;left:.5rem}@media only screen and (max-width:600px){.VideoControls{gap:12px;padding:10px;bottom:.2rem;left:.2rem}.VideoControls>div{width:28px!important}.VideoControls svg{width:28px!important;height:28px!important}}