.config-help-field{position:relative;min-width:0}
.control-panel .config-help-field>label{padding-right:32px;margin:0}
.config-help-field>.config-help{position:absolute;right:0;top:0}
.config-help-heading{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}
.control-panel .config-help-button{display:inline-grid;place-items:center;width:24px;height:24px;min-width:24px;min-height:24px;padding:0!important;border:0;border-radius:50%;background:transparent;color:#72777e;font:500 10px/1 system-ui;cursor:pointer;box-shadow:none;vertical-align:middle}
.control-panel .config-help-button>span{display:grid;place-items:center;box-sizing:border-box;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;opacity:.4;transition:opacity .15s}
.control-panel .config-help-button:hover{background:transparent}
.control-panel .config-help-button:hover>span,.control-panel .config-help-button:focus-visible>span{opacity:.95}
.control-panel .config-help-button:focus-visible,.config-help-close:focus-visible{outline:3px solid #f5a15b;outline-offset:3px}
.config-help-popover{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid #e1d6c6;border-radius:16px;background:#fff;color:#34312d;box-shadow:0 14px 60px #35251235;font:14px/1.65 system-ui;text-align:left}
.config-help-popover::backdrop{background:#30271e28}
.config-help-popover strong{display:block;font-size:17px;line-height:1.4;padding-right:0}
.config-help-popover p{margin:12px 0 20px;color:#514a41;font-size:14px;line-height:1.7}
.control-panel .config-help-close{display:block;margin:0 0 0 auto;padding:9px 16px;border:0;border-radius:8px;background:#e97312;color:white;font:600 14px system-ui;cursor:pointer}
@media(min-width:901px){.control-panel>.divider-settings>.config-help-range{grid-column:1/-1;max-width:620px;width:100%}.control-panel>.divider-settings>.config-help-field .wine-check{min-height:45px}}
@media(pointer:coarse){.control-panel .config-help-button{width:32px;height:32px;min-width:32px;min-height:32px}.control-panel .config-help-field>label{padding-right:40px}}
.control-panel .config-help-field>label{display:block}
.input-grid .config-help-field>label>span{right:43px}
.control-panel>.segmented{position:relative;padding-right:38px}
.control-panel>.segmented>.config-help{position:absolute;right:4px;top:3px}
@media(pointer:coarse){.input-grid .config-help-field>label>span{right:51px}.control-panel>.segmented{padding-right:44px}}