.l_left
  margin: 8px
  height: 'calc(%s - 16px)' % 100vh
  border-radius: $border-card
  overflow: hidden
  .header
    margin: var(--gap-l) var(--gap-l) 0
    margin-top: "calc(2 * %s)" % var(--gap-l)
  @media screen and (min-width: $device-mobile-max)
    >.widgets:first-child>.widget-wrapper:first-child
      margin-top: "calc(2 * %s)" % var(--gap-l)
  
.l_left 
  .sidebar-bg
    position absolute
    width: 100%
    height: 100%
    object-fit: cover
    background: var(--text-meta)
  .sidebar-container
    height: 100%
    --blur-px: 50px
    display: flex
    flex-direction: column
    word-break: break-all
    text-align: justify

.l_left .widgets .widget-wrapper.logo-wrap.wiki .widget-body
  display: flex
  margin-bottom: 1.5rem
  flex-direction: column
  align-items: flex-start
  a.wiki-home
    margin-bottom: 0.5rem
    color: var(--text-p1)
    svg
      margin-right: 2px
    &:hover
      color: $color-hover
      filter: unset !important