.triflex-video-player{border-radius:1.5rem;position:relative;overflow:hidden}.triflex-video-player.max-w-\[350px\]{max-width:350px!important}.triflex-video-player media-poster-image{--media-object-fit:cover!important}.triflex-video-player media-controller[mediaisfullscreen]{border-radius:0!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;overflow:visible!important}.triflex-video-player media-controller[mediaisfullscreen] video{object-fit:contain!important;width:auto!important;max-width:100vw!important;height:auto!important;max-height:100vh!important;margin:auto!important}.triflex-video-player media-controller[mediaisfullscreen] media-poster-image{aspect-ratio:var(--video-aspect-ratio,16/9);--media-object-position:center;--media-poster-image-background-position:center;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;position:absolute;inset:0;object-fit:cover!important;--media-object-fit:cover!important;--media-poster-image-background-size:cover!important}.triflex-video-player media-controller{--media-primary-color:var(--color-gray-25);--media-secondary-color:transparent;--media-control-hover-background:transparent;--media-icon-color:var(--color-gray-25);--media-text-color:var(--color-gray-25);--media-range-track-background:#e0eef978;--media-range-track-border-radius:.5rem;--media-range-bar-color:var(--color-blue-400);--media-range-track-height:.25rem;--media-tooltip-display:none;--media-range-thumb-height:1rem;--media-range-thumb-width:1rem;--media-range-thumb-background:var(--color-blue-300);position:relative;--media-range-bar-border-radius:.5rem!important}@media (max-width:767px){.triflex-video-player{flex-direction:column;display:flex}.triflex-video-player media-controller{flex-direction:column;flex-shrink:0;display:flex}.triflex-video-player media-controller video{flex-shrink:0}.triflex-video-player media-controller media-control-bar{border-radius:0 0 1.5rem 1.5rem!important;gap:.75rem!important;width:100%!important;margin-top:0!important;padding-top:.5rem!important;padding-bottom:.5rem!important;position:relative!important;inset:auto!important}.triflex-video-player media-controller media-control-bar .controls-group{gap:.375rem!important}.triflex-video-player media-controller media-control-bar.portrait .volume-popup,.triflex-video-player media-controller media-control-bar:not(.portrait) .volume-popup{margin-bottom:calc(1.125rem - 4px)!important}@media (max-width:640px){.triflex-video-player media-controller media-control-bar media-play-button,.triflex-video-player media-controller media-control-bar media-mute-button,.triflex-video-player media-controller media-control-bar media-fullscreen-button,.triflex-video-player media-controller media-control-bar media-settings-menu-button,.triflex-video-player media-controller media-control-bar .volume-overlay-button{width:2rem!important;height:2rem!important}.triflex-video-player media-controller media-control-bar media-play-button svg,.triflex-video-player media-controller media-control-bar media-mute-button svg,.triflex-video-player media-controller media-control-bar media-fullscreen-button svg,.triflex-video-player media-controller media-control-bar media-settings-menu-button svg{width:1.25rem!important;height:1.25rem!important}}}.triflex-video-player media-time-range{--media-range-thumb-background:transparent}.triflex-video-player media-time-range:hover{--media-range-thumb-background:var(--color-blue-300)}@media (max-width:767px){.triflex-video-player media-time-range{--media-range-thumb-background:var(--color-blue-400)}}media-controller [slot=centered-chrome]{--media-control-padding:.125rem;--media-control-height:2.5rem;border-radius:50%}.triflex-video-player:not([data-playing=true]):before{content:"";pointer-events:none;z-index:var(--z-index-video-overlay);border-radius:inherit;background:0 0;transition:background .2s;position:absolute;inset:0}.triflex-video-player:not([data-playing=true]):hover:before{background:#0000001a}.triflex-video-player .centered-play-button{opacity:.74;width:6.5625rem;height:6.5625rem;z-index:var(--z-index-video-play-button);pointer-events:none;background:#fdfdfda3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;transform:translateY(-50%);-webkit-backdrop-filter:blur(.9375rem)!important;backdrop-filter:blur(.9375rem)!important}.triflex-video-player .centered-play-button.group-hover\:scale-105{transform:translateY(-50%)scale(1.05)}.triflex-video-player .centered-play-button svg{fill:#181d27bf;width:2.12838rem;height:2.6605rem}.triflex-video-player media-control-bar{background:#181d274d;border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;justify-content:space-between;align-items:center;gap:2.5rem;width:100%;padding:1rem 2rem;transition:opacity .3s,transform .3s;display:flex;-webkit-backdrop-filter:blur(1.25rem)!important;backdrop-filter:blur(1.25rem)!important}.triflex-video-player media-controller[mediaisfullscreen] media-control-bar{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}@media (max-width:767px){.triflex-video-player media-control-bar{padding-left:1rem;padding-right:1rem;gap:1.5rem!important}}.triflex-video-player media-control-bar.portrait{gap:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.triflex-video-player media-control-bar.portrait .controls-group{gap:.375rem!important}.triflex-video-player media-control-bar.portrait media-play-button,.triflex-video-player media-control-bar.portrait media-mute-button,.triflex-video-player media-control-bar.portrait media-fullscreen-button,.triflex-video-player media-control-bar.portrait media-settings-menu-button,.triflex-video-player media-control-bar.portrait .volume-overlay-button{width:2rem!important;height:2rem!important}.triflex-video-player media-control-bar.portrait media-play-button svg,.triflex-video-player media-control-bar.portrait media-mute-button svg,.triflex-video-player media-control-bar.portrait media-fullscreen-button svg,.triflex-video-player media-control-bar.portrait media-settings-menu-button svg{width:1.25rem!important;height:1.25rem!important}@media (min-width:768px){.triflex-video-player media-control-bar.portrait .volume-popup{margin-bottom:calc(1.125rem + 4px)!important}.triflex-video-player media-control-bar:not(.portrait) .volume-popup{margin-bottom:1.125rem!important}.triflex-video-player media-control-bar.paused{opacity:0;transform:translateY(100%)}.triflex-video-player:hover media-control-bar.paused{opacity:1;transform:translateY(0)}.triflex-video-player.show-controls media-control-bar.paused,.triflex-video-player.show-controls media-control-bar:not(.paused){opacity:1!important;visibility:visible!important;transform:translateY(0)!important}}@media (max-width:767px){.triflex-video-player.show-controls media-controller media-control-bar:not(.paused){opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.triflex-video-player:not(.show-controls) media-controller media-control-bar:not(.paused),.triflex-video-player media-controller media-control-bar.paused{opacity:0!important;visibility:hidden!important;transform:translateY(100%)!important}.triflex-video-player.show-controls media-controller media-control-bar.paused,.triflex-video-player media-controller[mediaisfullscreen] media-control-bar{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}}.triflex-video-player .controls-group{align-items:center;gap:.75rem;display:flex}.triflex-video-player media-play-button,.triflex-video-player media-mute-button,.triflex-video-player media-fullscreen-button,.triflex-video-player media-settings-menu-button{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--media-icon-color,var(--color-gray-25));background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.triflex-video-player media-play-button:hover,.triflex-video-player media-mute-button:hover,.triflex-video-player media-fullscreen-button:hover,.triflex-video-player media-settings-menu-button:hover{border:.0625rem solid var(--color-gray-500);background:#181d274d}.triflex-video-player .volume-overlay-button{z-index:var(--z-index-video-controls);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:all .2s;position:absolute;inset:0}.triflex-video-player .volume-overlay-button:hover{border:.0625rem solid var(--color-gray-500);background:#181d274d}.triflex-video-player .volume-popup{z-index:var(--z-index-video-popup);max-width:3.75rem;color:var(--color-gray-25);background:#181d274d;border-radius:.5rem .5rem 0 0;max-height:18.75rem;margin-bottom:1.125rem;padding:1rem;display:flex;position:absolute;bottom:100%;right:-25%;overflow:hidden auto;-webkit-backdrop-filter:blur(1.25rem)!important;backdrop-filter:blur(1.25rem)!important}.triflex-video-player .volume-popup media-volume-range{transform-origin:50%;flex-shrink:0;width:7.5rem;height:6.25rem;right:2.8125rem;transform:rotate(-90deg)}.triflex-video-player media-play-button svg,.triflex-video-player media-mute-button svg,.triflex-video-player media-fullscreen-button svg,.triflex-video-player media-settings-menu-button svg{fill:currentColor;width:1.5rem;height:1.5rem}.triflex-video-player media-settings-menu{color:var(--color-gray-25);background:#181d274d;max-height:18.75rem;-webkit-backdrop-filter:blur(1.25rem)!important;backdrop-filter:blur(1.25rem)!important}.triflex-video-player media-settings-menu-item{cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.triflex-video-player media-settings-menu-item:hover{background:#181d2780}.triflex-video-player media-settings-menu-item button{color:inherit;cursor:pointer;text-align:left;width:100%;font-size:inherit;background:0 0;border:none;padding:0}.triflex-video-player media-settings-menu{z-index:var(--z-index-video-popup);border-radius:.5rem .5rem 0 0;max-width:25rem;margin-bottom:0!important;position:absolute!important;bottom:100%!important;right:0!important}.triflex-video-player media-playback-rate-menu{max-height:18.75rem;overflow-y:auto}.triflex-video-player media-settings-menu-item:has(media-volume-range){--media-menu-icon-height:0!important;--media-menu-item-icon-height:0!important;background:0 0!important;border:none!important;padding:0!important}.triflex-video-player media-settings-menu-item:not(:has([slot=submenu])):after{display:none!important}.triflex-video-player media-settings-menu-item:not(:has([slot=submenu])){--media-menu-item-icon-width:0!important;--media-menu-item-icon-height:0!important}dialog:has(.triflex-video-player) [class*=modalContent]{height:auto!important;max-height:calc(100vh - 4rem)!important}dialog:has(.triflex-video-player)>div{height:auto!important;max-height:calc(100vh - 4rem)!important}@media (min-width:768px){dialog .triflex-video-player{max-width:100%;min-width:0!important;height:auto!important;max-height:calc(100vh - 10.5rem)!important}dialog .triflex-video-player media-controller{width:100%!important;height:auto!important;max-height:calc(100vh - 10.5rem)!important}dialog .triflex-video-player media-controller video{object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:calc(100vh - 10.5rem)!important}}@media (max-width:767px){dialog .triflex-video-player{max-width:100%;max-height:calc(100svh - 8rem);min-width:0!important}dialog .triflex-video-player:not([data-playing=true]):before,dialog .triflex-video-player .centered-play-button{display:none!important}dialog .triflex-video-player media-control-bar.paused{opacity:1!important;transform:translateY(0)!important}dialog .triflex-video-player media-time-range{background:0 0!important}}dialog:has(.triflex-video-player.aspect-video){width:min(100vw - 2rem,124.444svh - 10.2222rem)!important;max-width:min(100vw - 2rem,177.778svh - 10.2222rem)!important}