#sd{ background: #fff url(https://sequencedigitale.com/sd.png) no-repeat; font-size: 12px; height: 32px; left: 0; overflow: hidden; padding: 10px; position: fixed; top: 0; width: 32px; z-index: 999999; }
#sd{ transition: all 0.5s; }
#sd:hover{ box-shadow: 0 0 25px rgba(0,0,0,0.5); bottom: 0; height: 100%; overflow: auto; width: 420px; }
#sd .wrap{ padding: 10px; width: 400px; }
#sd ul{ display: block; margin: 0; padding: 32px 0 0 0; }
#sd li{ display: block; margin: 0; padding: 0; }
#sd li a{ border-bottom: 1px solid #1c90eb; color: #1c90eb; display: block; margin: 0; padding: 10px; text-decoration: none; }
#sd li a:hover{ color: #000; }
#sd li a.active{ background: #1c90eb; color: #fff; }
#sd .opacity strong{ margin-right: 1em; }
#sd .opacity a{ display: inline-block; border: 1px solid #1c90eb; color: #1c90eb; font-size: 0.9em; padding: 0 0.5em; text-decoration: none; }
#sd .opacity a:hover{ border-color: #000; color: #000; }
#sd .opacity a.active{ background-color: #1c90eb; color: #fff; }
#sd .device strong{ margin-right: 1em; }
#sd .device a{ display: inline-block; border: 1px solid #1c90eb; color: #1c90eb; font-size: 0.9em; padding: 0 0.5em; text-decoration: none; }
#sd .device a:hover{ border-color: #000; color: #000; }
#sd .device a.active{ background-color: #1c90eb; color: #fff; }
html.is-sd{ background-repeat: no-repeat; background-position: center 0; height: 10000px; }
html.is-sd body{ left: 0; position: relative; opacity: 1; }
html.is-sd body{ transition: all 0.5s; }