.fx-media-player{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:10px;background:#111310;color:#fff;container-type:inline-size}.fx-media-video,.fx-media-poster{width:100%;height:100%;object-fit:contain}.fx-media-video{display:block}.fx-media-poster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fx-media-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1.5px solid #ffffffd0;border-radius:50%;background:#11131066;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}.fx-media-start:hover{background:#11131099}.fx-media-start svg{width:26px;height:26px;margin-left:4px}.fx-media-toolbar{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;gap:8px;padding:14px 12px 6px;background:linear-gradient(transparent,#000000b8)}.fx-media-toolbar>button,.fx-media-settings>summary{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;cursor:pointer}.fx-media-toolbar>button:hover,.fx-media-settings>summary:hover{background:#ffffff18}.fx-media-toolbar svg{width:19px;height:19px}.fx-media-time{font-size:12px;white-space:nowrap}.fx-media-timeline{position:relative;display:flex;flex:1;min-width:24px;align-items:center;height:44px}.fx-media-timeline>span{position:absolute;height:3px;background:#ffffff30;pointer-events:none}.fx-media-timeline>input{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;cursor:pointer}.fx-media-timeline>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 0 0 3px #ffffff20}.fx-media-timeline>input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:white}.fx-media-settings{position:relative}.fx-media-settings>summary{list-style:none}.fx-media-settings>summary::-webkit-details-marker{display:none}.fx-media-settings>div{position:absolute;right:0;bottom:calc(100% + 8px);min-width:200px;max-width:calc(100vw - 32px);padding:14px;border:1px solid #ffffff25;border-radius:10px;background:#1d201ded;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;box-shadow:0 8px 24px #0004}.fx-media-settings label{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px}.fx-media-settings select{padding:6px 8px;background:#ffffff14;border-radius:6px}.fx-media-settings option{color:#111;background:white}.fx-media-settings input[type=range]{width:90px;accent-color:white}.fx-media-settings button{display:flex;min-height:44px;align-items:center;gap:10px}.fx-media-badge{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;width:fit-content;max-width:calc(100% - 24px);gap:8px;padding:7px 10px;border-radius:7px;background:#111310b0;font-size:12px}.fx-media-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:14px;padding:24px;text-align:center;background:#111310c0;font-size:14px}.fx-media-error button{display:flex;min-height:44px;margin-inline:auto;align-items:center;gap:8px;padding:8px 16px;border:1px solid #ffffff50;border-radius:8px}.fx-media-player button:focus-visible,.fx-media-player summary:focus-visible,.fx-media-player input:focus-visible,.fx-media-player select:focus-visible,.fx-media-player:focus-visible{outline:2px solid white;outline-offset:-3px}.fx-media-player:fullscreen{width:100vw;height:100dvh;border-radius:0}@container (max-width: 480px){.fx-media-toolbar{flex-wrap:wrap;gap:4px;padding:10px 8px 2px}.fx-media-timeline{flex:0 0 100%;order:-1;height:22px}.fx-media-time{flex:1}.fx-media-toolbar>button,.fx-media-settings>summary{width:40px}.fx-media-start{width:52px;height:52px}}