.l2h-audio{display:flex;align-items:center;gap:16px;max-width:480px;margin:28px auto;padding:14px 18px;border:1px solid color-mix(in srgb,var(--wp--preset--color--primary) 25%,transparent);border-radius:2px;background:color-mix(in srgb,#ffffff 35%,var(--wp--preset--color--background))}.l2h-audio__toggle{flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid var(--wp--preset--color--primary);border-radius:50%;background:#fff0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease-out}.l2h-audio__toggle:hover{background:var(--wp--preset--color--primary)}.l2h-audio__icon{width:0;height:0;margin-left:3px;border-style:solid;border-width:7px 0 7px 12px;border-color:#fff0 #fff0 #fff0 var(--wp--preset--color--primary);transition:border-color 0.2s ease-out}.l2h-audio__toggle:hover .l2h-audio__icon{border-left-color:var(--wp--preset--color--background)}.l2h-audio.is-playing .l2h-audio__icon{width:12px;height:14px;margin-left:0;border:0;background:linear-gradient(to right,var(--wp--preset--color--primary) 0 4px,transparent 4px 8px,var(--wp--preset--color--primary) 8px 12px)}.l2h-audio.is-playing .l2h-audio__toggle:hover .l2h-audio__icon{background:linear-gradient(to right,var(--wp--preset--color--background) 0 4px,transparent 4px 8px,var(--wp--preset--color--background) 8px 12px)}.l2h-audio__body{flex:1 1 auto;display:flex;align-items:center;gap:12px}.l2h-audio__title{font-family:var(--wp--preset--font-family--body);font-size:13px;letter-spacing:.04em;color:var(--wp--preset--color--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.l2h-audio__time{font-size:12px;color:var(--wp--preset--color--muted);font-variant-numeric:tabular-nums;flex:0 0 auto}.l2h-audio__seek{flex:1 1 auto;-webkit-appearance:none;appearance:none;height:2px;background:color-mix(in srgb,var(--wp--preset--color--primary) 30%,transparent);border-radius:2px;cursor:pointer}.l2h-audio__seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--wp--preset--color--primary);border:0}.l2h-audio__seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--wp--preset--color--primary)}.l2h-audio__seek:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:4px}