.video-wrapper{border-radius:var(--border-radius);cursor:pointer;height:auto;max-width:100vmin;overflow:hidden;pointer-events:none;position:relative}.video-wrapper.fill{background-color:var(--v607eff47)}.video-wrapper.with-controls{pointer-events:all}.video-wrapper.background{height:100vh!important;max-height:unset;max-width:unset;pointer-events:none;width:100vw!important}.video-wrapper.background video{height:100%;-o-object-fit:cover!important;object-fit:cover!important;width:100%}.video-wrapper.vertical{height:80vh}.video-wrapper.vertical video{height:100%;width:auto}.video-wrapper video{display:block;height:auto;-o-object-fit:fill;object-fit:fill;width:100%}.video-wrapper .media-controls{bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:8px;position:absolute;right:0}.video-wrapper .control{-webkit-backdrop-filter:blur(var(--app-blur));backdrop-filter:blur(var(--app-blur));background-color:#d9d9d97c!important;border:none;border-radius:8px;color:#111;cursor:pointer;display:inline-block;height:16px;width:32px;z-index:100}.video-wrapper .control .iconify{font-size:unset!important;height:100%;width:100%}.video-wrapper .control:hover{background-color:#8585857c!important;transition:background-color .2s ease-in}.video-wrapper video:hover+.control{opacity:1;transition:opacity .2s ease-in}.video-wrapper .rotate svg{animation:rotateIcon .4s cubic-bezier(.02,.54,.08,1)}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(1turn)}}