/* Final sidebar owner: full reachability with restrained Nacre/tech-glass character. */
@media(min-width:901px){
  body[data-seelo-theme="nacre"] .side{
    position:sticky!important;
    top:0!important;
    height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    scrollbar-gutter:auto!important;
    padding:20px 14px 34px!important;
    background:
      radial-gradient(circle at 18% 12%,rgba(255,255,255,.42) 0 1px,transparent 1.9px),
      radial-gradient(circle at 79% 19%,rgba(191,227,238,.36) 0 1px,transparent 1.8px),
      radial-gradient(circle at 34% 34%,rgba(255,255,255,.22) 0 1px,transparent 1.7px),
      radial-gradient(circle at 86% 52%,rgba(220,190,228,.29) 0 1px,transparent 1.9px),
      radial-gradient(circle at 27% 71%,rgba(209,235,242,.27) 0 1px,transparent 1.9px),
      radial-gradient(circle at 69% 88%,rgba(255,255,255,.22) 0 1px,transparent 1.8px),
      radial-gradient(circle at 53% 8%,rgba(223,244,250,.30) 0 .8px,transparent 1.55px),
      radial-gradient(circle at 10% 44%,rgba(255,255,255,.23) 0 .75px,transparent 1.45px),
      radial-gradient(circle at 91% 31%,rgba(209,190,228,.23) 0 .85px,transparent 1.55px),
      radial-gradient(circle at 47% 61%,rgba(212,239,247,.25) 0 .75px,transparent 1.5px),
      radial-gradient(circle at 16% 91%,rgba(255,255,255,.22) 0 .8px,transparent 1.5px),
      linear-gradient(118deg,transparent 8%,rgba(255,255,255,.065) 25%,rgba(192,223,234,.095) 34%,transparent 48%,rgba(218,191,225,.065) 67%,transparent 81%),
      linear-gradient(180deg,#494251 0%,#393240 44%,#2c2732 100%)!important;
    border-right:1px solid rgba(255,255,255,.12)!important;
    box-shadow:16px 0 46px rgba(42,34,48,.17),inset -1px 0 0 rgba(255,255,255,.055)!important;
  }
  body[data-seelo-theme="nacre"] .side::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
  body[data-seelo-theme="nacre"] .side::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    left:-34%!important;
    right:-30%!important;
    top:-10%!important;
    height:690px!important;
    pointer-events:none!important;
    background:
      radial-gradient(ellipse 34% 22% at 66% 10%,rgba(232,245,249,.29),transparent 72%),
      radial-gradient(ellipse 31% 29% at 17% 42%,rgba(201,176,215,.24),transparent 73%),
      radial-gradient(ellipse 43% 21% at 80% 78%,rgba(178,218,231,.17),transparent 76%),
      linear-gradient(121deg,transparent 35%,rgba(255,255,255,.055) 45%,rgba(192,226,237,.075) 50%,transparent 58%)!important;
    filter:blur(3.4px) saturate(136%)!important;
    transform:rotate(-6deg)!important;
    opacity:.98!important;
  }
  body[data-seelo-theme="nacre"] .side::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 74% 7%,rgba(255,255,255,.25) 0 .7px,transparent 1.4px),
      radial-gradient(circle at 39% 24%,rgba(194,231,242,.20) 0 .65px,transparent 1.35px),
      radial-gradient(circle at 83% 42%,rgba(229,208,235,.18) 0 .7px,transparent 1.4px),
      radial-gradient(circle at 22% 58%,rgba(255,255,255,.18) 0 .65px,transparent 1.35px),
      radial-gradient(circle at 62% 76%,rgba(202,235,244,.18) 0 .7px,transparent 1.4px),
      linear-gradient(112deg,transparent 16%,rgba(255,255,255,.022) 28%,rgba(205,235,243,.055) 38%,transparent 48%,rgba(222,200,230,.032) 61%,transparent 70%),
      linear-gradient(90deg,rgba(255,255,255,.05),transparent 12%,transparent 87%,rgba(255,255,255,.02)),
      linear-gradient(180deg,rgba(255,255,255,.042),transparent 18%,transparent 84%,rgba(0,0,0,.08))!important;
    mix-blend-mode:screen!important;
    opacity:.88!important;
  }
  body[data-seelo-theme="nacre"] .side>*{position:relative!important;z-index:1!important}
  body[data-seelo-theme="nacre"] .side>.brand{
    margin:2px 8px 18px!important;
    text-shadow:0 0 24px rgba(206,232,240,.15)!important;
  }
  body[data-seelo-theme="nacre"] .side>.brand .product-name{
    font-weight:560!important;
    letter-spacing:.025em!important;
  }
  body[data-seelo-theme="nacre"] .side>.brand .product-context{
    font-weight:400!important;
    letter-spacing:.015em!important;
    opacity:.72!important;
  }
  body[data-seelo-theme="nacre"] .group{
    margin:18px 10px 6px!important;
    padding-bottom:6px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    color:rgba(244,241,247,.54)!important;
    font-size:8.5px!important;
    font-weight:620!important;
    letter-spacing:.20em!important;
    line-height:1.2!important;
    text-shadow:0 0 13px rgba(210,232,240,.08)!important;
  }
  body[data-seelo-theme="nacre"] .nav button,
  body[data-seelo-theme="nacre"] .nav .nav-external{
    min-height:0!important;
    padding:8px 11px!important;
    margin:2px 0!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.028)!important;
    background:
      radial-gradient(ellipse 80% 130% at 8% -20%,rgba(255,255,255,.04),transparent 64%),
      linear-gradient(135deg,rgba(255,255,255,.032),rgba(255,255,255,.008) 60%,rgba(185,212,222,.016))!important;
    color:rgba(250,248,252,.82)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(255,255,255,.008)!important;
    font-size:12.5px!important;
    font-weight:450!important;
    line-height:1.32!important;
    letter-spacing:.006em!important;
    backdrop-filter:blur(9px) saturate(124%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(124%)!important;
  }
  body[data-seelo-theme="nacre"] .nav button::after,
  body[data-seelo-theme="nacre"] .nav .nav-external::after{
    content:""!important;
    position:absolute!important;
    top:-132%!important;
    left:-50%!important;
    width:46%!important;
    height:365%!important;
    transform:rotate(19deg)!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(196,231,240,.14),rgba(225,206,234,.08),transparent)!important;
    opacity:.56!important;
    transition:left .42s ease,opacity .18s ease!important;
    pointer-events:none!important;
  }
  body[data-seelo-theme="nacre"] .nav button:hover,
  body[data-seelo-theme="nacre"] .nav .nav-external:hover{
    color:#fff!important;
    border-color:rgba(240,248,250,.16)!important;
    background:
      radial-gradient(ellipse 70% 118% at 10% 0%,rgba(255,255,255,.145),transparent 66%),
      linear-gradient(135deg,rgba(255,255,255,.105),rgba(176,212,225,.055) 55%,rgba(204,173,218,.06))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 20px rgba(20,15,26,.10),0 0 22px rgba(182,218,229,.055)!important;
  }
  body[data-seelo-theme="nacre"] .nav button:hover::after,
  body[data-seelo-theme="nacre"] .nav .nav-external:hover::after{left:112%!important;opacity:.88!important}
  body[data-seelo-theme="nacre"] .nav button.active{
    color:rgba(255,255,255,.98)!important;
    font-weight:520!important;
    border-color:rgba(245,250,252,.20)!important;
    background:
      radial-gradient(ellipse 72% 120% at 9% 0%,rgba(255,255,255,.17),transparent 65%),
      linear-gradient(135deg,rgba(255,255,255,.13),rgba(179,211,224,.07) 52%,rgba(202,174,215,.078))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.17),
      inset 0 -1px 0 rgba(255,255,255,.03),
      0 8px 22px rgba(21,16,27,.13),
      0 0 24px rgba(183,220,232,.065)!important;
  }
  body[data-seelo-theme="nacre"] .nav button.active::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:22%!important;
    bottom:22%!important;
    width:1.5px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fbffff,rgba(153,211,229,.70))!important;
    box-shadow:0 0 7px rgba(218,242,248,.80),0 0 18px rgba(164,216,232,.30)!important;
  }
  body[data-seelo-theme="nacre"] .nav .nav-external{
    color:rgba(241,238,245,.72)!important;
    font-weight:430!important;
  }
}