.container{display:flex;filter:blur(30px);flex-wrap:nowrap;height:100vh;opacity:1;overflow:hidden;pointer-events:none;transition:grid-template-columns var(--transition-normal),filter .5s ease-out;visibility:visible}.container.visible{filter:blur(0);opacity:1;pointer-events:auto;visibility:visible}.left-panel{align-items:center;background-color:#fffef7;background-color:var(--bg,#fffef7);border-right:4px solid #0a0a0a;border-right:var(--border-width,4px) solid var(--fg,#0a0a0a);box-shadow:15px 0 40px rgba(0,0,0,.2),0 0 60px rgba(0,0,0,.1);contain:layout style paint;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;min-width:320px;overflow-x:hidden;overflow-y:auto;padding:3rem;padding:var(--space-xl,3rem);position:relative;transition:width var(--transition-normal),padding var(--transition-normal),border-right-width var(--transition-normal);width:500px;z-index:50;z-index:var(--z-content,50)}.left-panel .hero{animation:slideIn .6s cubic-bezier(.16,1,.3,1);text-align:left;width:100%}.right-panel{background-color:transparent;color:#fffef7;color:var(--bg,#fffef7);display:flex;flex:1;flex-direction:column;min-width:300px;position:relative;z-index:1}.info-panel{background:hsla(0,0%,4%,.92);border-bottom:1px solid rgba(255,254,247,.15);box-shadow:0 8px 40px rgba(0,0,0,.35),0 16px 64px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,254,247,.12),inset 0 -1px 0 rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,254,247,.05);left:0;padding:1.5rem;padding:var(--space-md,1.5rem);padding-bottom:0;position:absolute;right:0;top:0;z-index:50;z-index:var(--z-content,50)}@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.info-panel{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,4%,.75)}}.info-panel:before{background:linear-gradient(90deg,transparent,rgba(255,254,247,.2),transparent);height:1px;z-index:2}.info-panel:after,.info-panel:before{content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.info-panel:after{background:linear-gradient(180deg,rgba(255,150,80,.12),transparent 12%),linear-gradient(90deg,hsla(0,100%,70%,.1),transparent 15%),linear-gradient(270deg,rgba(100,180,255,.1),transparent 15%),linear-gradient(0deg,rgba(150,100,255,.12),transparent 12%);bottom:0;z-index:1}.right-panel-shadow{bottom:0;box-shadow:inset -12px 0 30px rgba(0,0,0,.15),inset 12px 0 30px rgba(0,0,0,.15),inset 0 12px 30px rgba(0,0,0,.15),inset 0 -12px 30px rgba(0,0,0,.15);right:0;z-index:10}.right-panel-shadow,.wallpaper-scroll-area{left:0;pointer-events:none;position:absolute;top:0}.wallpaper-scroll-area{background-color:#fffef7;background-color:var(--bg,#fffef7);contain:layout style paint;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:none;user-select:none;-webkit-user-select:none;width:100%;z-index:0;z-index:var(--z-wallpaper,0)}.wallpaper-image{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:var(--border-heavy) solid var(--border-color);min-height:180px;position:relative;width:100%}.wallpaper-image img{display:block;height:auto;opacity:0;transition:opacity .3s ease-out;width:100%}.wallpaper-image.loaded img{opacity:1}