/* Sticky sidebars on PC (v1.2.0). Hidden on phones and tablets. */
.side{display:none}
@media (min-width:1024px){
  .side{display:flex;flex-direction:column;gap:14px;position:fixed;top:24px;z-index:5;
    width:min(300px,calc(50vw - 334px));max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:none}
  .side::-webkit-scrollbar{display:none}
  .side--left{right:calc(50% + 334px)}
  .side--right{left:calc(50% + 334px)}
  .side__i{position:relative}
  .side__a{display:block;position:relative;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #E3E6E3;line-height:0}
  .side__a:focus-visible{outline:2px solid #008751;outline-offset:2px}
  .side__a img{display:block;width:100%;height:auto}
  .side__tag{position:absolute;top:6px;right:6px;background:rgba(14,21,17,.72);color:#fff;font:600 10px/1 system-ui,sans-serif;
    letter-spacing:.04em;padding:4px 6px;border-radius:6px;text-transform:uppercase}
  .side--rotate .side__i+.side__i{display:none}
  .js .side--rotate .side__i{display:none}
  .js .side--rotate .side__i.is-on{display:block}
}
