.gb-player{position:relative;isolation:isolate;overflow:hidden;background:#11131b;color:#fff;border-radius:var(--gb-clip-radius,22px);-webkit-tap-highlight-color:transparent;--player-accent:#777aff} .gb-player--article{aspect-ratio:16/9;width:100%;margin:28px 0;max-height:75svh} .gb-player>video,.gb .gb-player>video.gb-own-video{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:0;aspect-ratio:auto;object-fit:contain;pointer-events:none;-webkit-touch-callout:none} .gb-player button{font:inherit;box-sizing:border-box;appearance:none;-webkit-appearance:none;cursor:pointer;color:#fff;border:0;margin:0;text-transform:none;letter-spacing:normal;-webkit-touch-callout:none;user-select:none} .gb-player svg{display:block;width:22px;height:22px;flex:none;pointer-events:none} .gb-player .gb-player__surface{position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding:0;background:transparent;border-radius:inherit;touch-action:manipulation} .gb-player__disc{display:grid;place-items:center;width:84px;height:84px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(24,26,43,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003;transition:opacity .2s,transform .2s,background .2s;pointer-events:none} .gb-player__disc svg{width:36px;height:36px;filter:drop-shadow(0 2px 6px #0003)} .gb-player:not(.is-playing) .gb-player__surface:hover .gb-player__disc{transform:scale(1.07);background:rgba(44,47,219,.55)} .gb-player.is-playing .gb-player__disc,.gb-player.is-loading .gb-player__disc{opacity:0;transform:scale(.88)} .gb-player__spinner{position:absolute;z-index:2;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:3px solid #ffffff45;border-top-color:#fff;border-radius:50%;opacity:0;pointer-events:none} .gb-player.is-loading .gb-player__spinner{opacity:1;animation:gb-player-spin .8s linear infinite} .gb-player__controls{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:38px 16px 10px;background:linear-gradient(transparent,rgba(8,10,20,.68) 55%,rgba(8,10,20,.82));transition:opacity .2s,transform .2s;pointer-events:none} .gb-player__controls>*{pointer-events:auto} .gb-player.is-idle.is-playing .gb-player__controls:not(:focus-within){opacity:0;pointer-events:none;transform:translateY(8px)} .gb-player.is-idle.is-playing .gb-player__controls:not(:focus-within)>*{pointer-events:none} .gb-player__row{display:flex;align-items:center;gap:4px;min-width:0} .gb-player .gb-player__control{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:8px;background:transparent;border-radius:12px;transition:background .18s,transform .18s;touch-action:manipulation} .gb-player .gb-player__control:hover{background:#ffffff24} .gb-player .gb-player__control:active{transform:scale(.93)} .gb-player__time{font-size:12px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 1px 4px #0008} .gb-player__spacer{flex:1} .gb-player input[type=range]{display:block;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;box-shadow:none;outline-offset:2px;cursor:pointer;margin:0;min-width:0;min-height:0;padding:0;height:28px;color:#fff;touch-action:pan-y} .gb-player input.gb-player__seek{width:100%;--played:0%} .gb-player input.gb-player__volume{width:56px;flex:0 0 56px;margin:0 5px} .gb-player input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:#ffffff55} .gb-player input.gb-player__seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--player-accent) var(--played),#ffffff55 var(--played))} .gb-player input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:#ffffff55} .gb-player input[type=range]::-moz-range-progress{height:3px;border-radius:4px;background:var(--player-accent)} .gb-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0003} .gb-player input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0003} .gb-player input:disabled{opacity:.4;cursor:default} .gb-player button:focus-visible,.gb-player input:focus-visible{outline:2px solid #fff!important;outline-offset:-3px;box-shadow:none!important} .gb-player .gb-player__surface:focus-visible{outline-offset:-6px} .gb-player .gb-player__status{position:absolute;z-index:4;top:calc(50% + 50px);left:16px;right:16px;margin:0;padding:10px 12px;background:#10121be8;border:1px solid #ffffff26;border-radius:12px;color:#fff;text-align:center;font-size:13px;line-height:1.5;pointer-events:none} .gb-player .gb-player__retry{position:absolute;z-index:5;top:calc(50% - 22px);left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);min-height:44px;padding:10px 18px;border-radius:14px;background:#3034db;font-size:14px;box-shadow:0 4px 20px #0003;white-space:nowrap} .gb-player:has(.gb-player__retry:not([hidden])) .gb-player__disc{opacity:0} .gb-player [hidden]{display:none!important} .gb-player.is-expanded,.gb-player:fullscreen{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;margin:0;background:#080a10} .gb-player.is-expanded{position:fixed;inset:0;z-index:2147483000;height:100dvh} .gb-player.is-expanded .gb-player__controls,.gb-player:fullscreen .gb-player__controls{padding:48px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))} @keyframes gb-player-spin{to{transform:rotate(360deg)}} @media(max-width:600px){.gb-player__disc{width:72px;height:72px}.gb-player__disc svg{width:32px;height:32px}.gb-player__controls{padding:32px 10px 8px}.gb-player .gb-player__control{flex-basis:44px;width:44px;height:44px}.gb-player input.gb-player__volume{display:none}.gb-player__time{font-size:11px}.gb-player--article{border-radius:16px}.gb-player .gb-player__status{font-size:12px;top:12px;left:12px;right:12px}.gb-player input.gb-player__seek{height:32px}} @media(prefers-reduced-motion:reduce){.gb-player *{transition:none!important}.gb-player.is-loading .gb-player__spinner{animation:none;border-color:#ffffff55;border-top-color:#fff}}