.joe_aside__item,.joe_detail,.joe_index__item,.liquid-glass{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:hsla(30,12%,97%,.85);border:1px solid rgba(192,130,89,.3);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(192,130,89,.08),inset 0 1px 0 hsla(0,0%,100%,.6);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.joe_aside__item:before,.joe_detail:before,.joe_index__item:before,.liquid-glass:before{animation:glass-refract 6s ease-in-out infinite;background:linear-gradient(135deg,rgba(192,130,89,.25),hsla(0,0%,100%,.15) 30%,rgba(192,130,89,.18) 70%,hsla(0,0%,100%,.2));border-radius:inherit;bottom:-1px;content:"";filter:blur(.3px);left:-1px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:subtract;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.joe_aside__item:after,.joe_detail:after,.joe_index__item:after,.liquid-glass:after{animation:corner-glow 8s ease-in-out 2s infinite;background:radial-gradient(circle at center,rgba(192,130,89,.6) 0,rgba(184,94,72,.45) 30%,rgba(192,130,89,.3) 60%,transparent 75%);border-radius:inherit;bottom:-1px;clip-path:polygon(calc(100% - 3px) 0,100% 0,100% 100%,0 100%,0 calc(100% - 3px),calc(100% - 3px) calc(100% - 3px));content:"";filter:blur(.6px);height:45px;mix-blend-mode:soft-light;pointer-events:none;position:absolute;right:-1px;width:45px;z-index:3}.joe_aside__item:hover,.joe_detail:hover,.joe_index__item:hover,.liquid-glass:hover{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:linear-gradient(135deg,rgba(192,130,89,.12),hsla(24,48%,92%,.9) 30%,rgba(184,94,72,.08) 60%,hsla(30,6%,93%,.95));box-shadow:0 20px 40px rgba(0,0,0,.15),0 10px 20px rgba(192,130,89,.12),inset 0 1px 0 hsla(0,0%,100%,.8),inset 0 0 0 1px rgba(192,130,89,.2);transform:scale(1.015) translateZ(0)}.joe_aside__item:hover:after,.joe_detail:hover:after,.joe_index__item:hover:after,.liquid-glass:hover:after{animation-duration:4s;filter:blur(.8px);opacity:.8}@keyframes glass-refract{0%,to{opacity:.6;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.8;transform:translateY(-1px) rotate(.5deg) scale(1.005)}50%{opacity:.7;transform:translateY(1px) rotate(-.5deg) scale(.998)}75%{opacity:.9;transform:translateY(-.5px) rotate(.2deg) scale(1.002)}}@keyframes corner-glow{0%,to{filter:blur(.6px) hue-rotate(0deg);opacity:.3;transform:scale(1) rotate(0deg)}25%{filter:blur(.4px) hue-rotate(30deg);opacity:.6;transform:scale(1.1) rotate(5deg)}50%{filter:blur(.8px) hue-rotate(60deg);opacity:.4;transform:scale(.95) rotate(-3deg)}75%{filter:blur(.5px) hue-rotate(90deg);opacity:.7;transform:scale(1.05) rotate(2deg)}}html[data-mode=dark] .joe_aside__item,html[data-mode=dark] .joe_detail,html[data-mode=dark] .joe_index__item,html[data-mode=dark] .liquid-glass{background:rgba(35,35,35,.8);border:1px solid hsla(0,0%,100%,.1)}html[data-mode=dark] .joe_aside__item:before,html[data-mode=dark] .joe_detail:before,html[data-mode=dark] .joe_index__item:before,html[data-mode=dark] .liquid-glass:before{background:linear-gradient(135deg,rgba(192,130,89,.12),hsla(0,0%,100%,.05) 30%,rgba(192,130,89,.08) 70%,hsla(0,0%,100%,.08))}html[data-mode=dark] .joe_aside__item:after,html[data-mode=dark] .joe_detail:after,html[data-mode=dark] .joe_index__item:after,html[data-mode=dark] .liquid-glass:after{background:radial-gradient(circle at center,rgba(192,130,89,.3) 0,rgba(184,94,72,.2) 30%,rgba(192,130,89,.15) 60%,transparent 75%)}html[data-mode=dark] .joe_aside__item:hover,html[data-mode=dark] .joe_detail:hover,html[data-mode=dark] .joe_index__item:hover,html[data-mode=dark] .liquid-glass:hover{background:linear-gradient(135deg,rgba(192,130,89,.06),rgba(35,35,35,.9) 30%,rgba(184,94,72,.04) 60%,rgba(48,48,48,.8))}.joe_detail{backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);background:hsla(30,12%,97%,.95);border:1px solid rgba(192,130,89,.15);box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(192,130,89,.05),inset 0 1px 0 hsla(0,0%,100%,.4)}.joe_detail:before{background:linear-gradient(135deg,rgba(192,130,89,.08),hsla(0,0%,100%,.05) 30%,rgba(192,130,89,.05) 70%,hsla(0,0%,100%,.08));filter:blur(.1px)}.joe_detail:after{background:radial-gradient(circle at center,rgba(192,130,89,.2) 0,rgba(184,94,72,.15) 30%,rgba(192,130,89,.1) 60%,transparent 75%);filter:blur(.3px);height:30px;width:30px}.joe_detail:hover{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);background:hsla(30,12%,97%,.98);box-shadow:0 6px 20px rgba(0,0,0,.1),0 2px 8px rgba(192,130,89,.08),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 0 0 1px rgba(192,130,89,.1);transform:none}html[data-mode=dark] .joe_detail{background:rgba(35,35,35,.95);border:1px solid hsla(0,0%,100%,.08)}html[data-mode=dark] .joe_detail:before{background:linear-gradient(135deg,rgba(192,130,89,.06),hsla(0,0%,100%,.03) 30%,rgba(192,130,89,.04) 70%,hsla(0,0%,100%,.05))}html[data-mode=dark] .joe_detail:hover{background:rgba(35,35,35,.98)}