/* OverlayScrollbars 2: transparent tracks with subtle floating handles. */
.os-theme-pocket{
  --os-size:10px;
  --os-padding-perpendicular:3px;
  --os-padding-axis:5px;
  --os-track-border-radius:10px;
  --os-track-bg:transparent;
  --os-track-bg-hover:transparent;
  --os-track-bg-active:transparent;
  --os-track-border:0;
  --os-track-border-hover:0;
  --os-track-border-active:0;
  --os-handle-border-radius:10px;
  --os-handle-bg:rgba(70,70,70,.24);
  --os-handle-bg-hover:rgba(70,70,70,.4);
  --os-handle-bg-active:rgba(70,70,70,.5);
  --os-handle-border:0;
  --os-handle-border-hover:0;
  --os-handle-border-active:0;
  --os-handle-min-size:32px;
  --os-handle-max-size:none;
  --os-handle-perpendicular-size:100%;
  --os-handle-perpendicular-size-hover:100%;
  --os-handle-perpendicular-size-active:100%;
  --os-handle-interactive-area-offset:3px;
}
html.modal-open{overflow:hidden!important;overscroll-behavior:none}
.category-scroll{min-width:0}
.categories{overflow:visible}
dialog{padding:0;max-height:calc(100dvh - 48px);overflow:hidden}
dialog[open]{display:flex;flex-direction:column}
dialog>form{display:flex;flex-direction:column;min-height:0;max-height:inherit;overflow:hidden}
.dialog-head{flex:none;margin:0;padding:26px 28px 20px;gap:16px}
.dialog-head>.icon{flex:none}
.dialog-head h2{max-height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.dialog-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.dialog-body [data-overlayscrollbars-viewport]{overscroll-behavior:contain}
.dialog-content{padding:0 28px 8px}
.dialog-content>label:first-child,.dialog-content>#variables>label:first-child{margin-top:4px}
.dialog-content>h3:first-child{margin-top:4px}
.dialog-actions{flex:none;margin:0;padding:18px 28px 24px;gap:9px;background:#fcfcfc;border-top:1px solid #efefef}
#preferences .dialog-content{padding-bottom:24px}
.textarea-scroll{border:1px solid #e4e4e4;border-radius:9px;background:#f6f6f6;overflow:hidden}
.textarea-scroll:focus-within{outline:2px solid #737373;outline-offset:3px}
.textarea-scroll>textarea[data-overlayscrollbars-viewport]{
  display:block;flex:none;width:100%;height:235px;min-height:140px;max-height:55dvh;
  padding:11px 14px 11px 12px!important;margin:0;border:0;border-radius:0;resize:vertical;
  font-size:13px;line-height:1.8;overscroll-behavior:contain;outline:none;
}
.textarea-scroll>#preview[data-overlayscrollbars-viewport]{height:305px}
@media(max-width:600px){
  dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px)}
  .dialog-head{padding:22px 22px 18px}
  .dialog-content{padding:0 22px 8px}
  .dialog-actions{padding:16px 22px 20px}
}