.av-duration legend{position:relative;display:flex;align-items:center;gap:6px;min-height:17px;line-height:17px;overflow:visible}
.av-duration-hint{display:inline-flex;align-items:center;font-weight:400}
.av-duration .av-duration-help-toggle{display:grid;place-items:center;width:28px;height:28px;min-height:28px;margin:-5.5px 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted,#515151);font:inherit;font-size:17px;cursor:pointer}
.av-duration .av-duration-help-toggle:hover{color:var(--ink,#161616);background:var(--soft,#f2f3ed)}
.av-duration .av-duration-help-toggle:focus-visible{outline:2px solid var(--ink,#161616);outline-offset:2px}
.av-duration-tooltip{position:absolute;top:calc(100% + 7px);left:0;z-index:8;width:230px;max-width:calc(100vw - 72px);padding:10px 12px;border:1px solid #3c3c3c;border-radius:8px;background:#242424;color:#fff;font-size:12px;line-height:1.6;box-shadow:0 5px 16px #0002;opacity:0;visibility:hidden;pointer-events:none}
.av-duration-hint:hover .av-duration-tooltip,.av-duration-hint:focus-within .av-duration-tooltip,.av-duration-hint[data-open=true] .av-duration-tooltip{opacity:1;visibility:visible;pointer-events:auto}
.av-duration-hint[data-closed=true] .av-duration-tooltip{opacity:0;visibility:hidden;pointer-events:none}
.av-duration-entry{display:flex;align-items:center;gap:5px;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--line,#e0ded8);border-radius:8px;background:var(--paper,#fff);color:var(--ink,#161616);cursor:text;font-size:14px;font-weight:400;line-height:1.5}
.av-duration .av-duration-entry>input{flex:0 1 auto;width:calc(var(--duration-digits,1)*1ch + .15ch);max-width:100%;min-width:1ch;height:auto;min-height:0;padding:0!important;margin:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:inherit;font:inherit;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.av-duration .av-duration-entry>input::-webkit-inner-spin-button,.av-duration .av-duration-entry>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.av-duration .av-duration-entry>input:focus{outline:none!important;box-shadow:none!important}
.av-duration .av-duration-entry>input::placeholder,.av-duration .av-duration-entry>input:focus::placeholder{color:inherit;opacity:1}
.av-duration-entry:focus-within{border-color:#ad7900;box-shadow:0 0 0 1px #ad7900;outline:none}
.av-duration-unit{flex:0 0 auto;color:inherit;pointer-events:none;user-select:none;white-space:nowrap}
.av-duration:disabled .av-duration-entry{opacity:.65;cursor:default}
@media(pointer:coarse){.av-duration .av-duration-help-toggle{width:36px;height:36px;min-height:36px;margin:-9.5px 0}.av-duration .av-duration-entry>input,.av-duration-unit{font-size:16px}}
@media(max-width:540px){.av-duration-entry{padding:10px}.av-duration-parts{gap:8px}}
@media(forced-colors:active){.av-duration-entry:focus-within{outline:2px solid Highlight;outline-offset:2px}}