#dd4-saved-tools [hidden] { display: none !important; }
#dd4-saved-tools .dd-floating-tools { z-index: 35; }
#dd4-saved-tools .dd-floating-group a { position: relative; }
#dd4-saved-tools .dd-mobile-saved-dialog:not([open]) { display: none; }
#dd4-saved-tools .dd-mobile-saved-dialog { z-index: 60; }
#dd4-saved-tools .dd-mobile-saved-dialog i { min-width: 22px; text-align: center; }
#dd4-saved-tools .dd4-dock { display: none; }
/* When the page has no room for a side rail, keep the shortcuts together below the footer. */
@media (min-width:701px) and (max-width:1480px) {
  #dd4-saved-tools .dd-floating-tools {
    position: static;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
    background: #102e46;
    filter: none;
  }
  #dd4-saved-tools .dd-floating-group { flex-direction: row; }
}
#dd4-saved-tools .dd-floating-tools i { font-size: 1.18rem; }
@media (max-width:700px) {
  #dd4-saved-tools .dd-floating-tools { display: none; }
  #dd4-saved-tools .dd4-dock {
    position: fixed; inset: auto 0 0; z-index: 30;
    display: grid; grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    align-items: center; gap: 0; margin: 0; padding: 4px 4px calc(4px + env(safe-area-inset-bottom));
    border-top: 1px solid #dce6ec; background: #fff;
  }
  #dd4-saved-tools .dd4-dock > * {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    min-width: 0; min-height: 48px; margin: 0; padding: 2px; border: 0; background: transparent;
    color: #102e46; text-decoration: none; font: 600 clamp(9px,2.65vw,12px)/1.2 DeviceSans,Arial,sans-serif;
  }
  #dd4-saved-tools .dd4-dock i { font-size: 18px; }
  .dd-legacy-store:has(#dd4-saved-tools) { padding-bottom: var(--dd-dock-height,calc(60px + env(safe-area-inset-bottom))); }
  html:has(.dd4-dock) { scroll-padding-bottom: calc(var(--dd-dock-height,60px) + 10px); }
  #dd4-saved-tools .dd4-dock:has(.dd4-purchase) { grid-template-columns: 48px 48px minmax(60px,1fr) minmax(72px,auto) !important; padding-inline: 10px; gap: 4px; }
  #dd4-saved-tools .dd4-dock .dd4-price { font-size: .86rem; }
  #dd4-saved-tools .dd4-dock .dd4-purchase { padding-inline: 12px; background: #0871cf; color: #fff; border-radius: 8px; }
}

/* Scroll-to-top: DeviceDen blue progress ring, shown only after scrolling. */
#dd4-saved-tools .dd-back-top{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;padding:0;border:0;border-radius:50%;background:#fff;color:#0871cf;box-shadow:0 4px 18px #163d5417;cursor:pointer;transition:background .18s ease,box-shadow .18s ease;animation:dd-scroll-appear .18s ease-out both}
#dd4-saved-tools .dd-back-top i{position:relative;font-size:20px}
#dd4-saved-tools .dd-scroll-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
#dd4-saved-tools .dd-scroll-ring circle{fill:none;stroke-width:2.5}
#dd4-saved-tools .dd-scroll-track{stroke:#dcebf6}
#dd4-saved-tools .dd-scroll-progress{stroke:#0871cf;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--dd-scroll-remaining,100)}
#dd4-saved-tools .dd-back-top:hover{background:#f2f8fd;box-shadow:0 5px 20px #0871cf26}
#dd4-saved-tools .dd-back-top:focus-visible{outline:3px solid #78bfee;outline-offset:3px}
@keyframes dd-scroll-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px) and (max-width:1480px){#dd4-saved-tools .dd-back-top{position:fixed;left:16px;bottom:calc(16px + var(--dd-cookie-height,0px));z-index:35}}
@media(min-width:1481px){#dd4-saved-tools .dd-floating-tools{bottom:calc(12px + var(--dd-cookie-height,0px))}}
@media(max-width:700px){
 #dd4-saved-tools .dd-floating-tools{display:flex!important;position:fixed;inset:auto auto calc(var(--dd-dock-height,60px) + var(--dd-cookie-height,0px) + 14px) 12px;padding:0;pointer-events:none;filter:none}
 #dd4-saved-tools .dd-floating-group{display:none}
 #dd4-saved-tools .dd-back-top{width:44px;height:44px;flex-basis:44px;pointer-events:auto}
 #dd4-saved-tools .dd-back-top i{font-size:18px}
}
:root[data-bs-theme="dark"] #dd4-saved-tools .dd-back-top{background:#17354b;color:#7ac5ff}
:root[data-bs-theme="dark"] #dd4-saved-tools .dd-scroll-track{stroke:#315368}
:root[data-bs-theme="dark"] #dd4-saved-tools .dd-scroll-progress{stroke:#7ac5ff}
@media(prefers-reduced-motion:reduce){#dd4-saved-tools .dd-back-top{animation:none;transition:none}}
