.coverGlass{background-color:var(--color-neutral-800,#262626);box-shadow:-5px 7px 20px -8px var(--tint-0,transparent), 5px 7px 20px -8px var(--tint-1,transparent);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.coverGlass{background-color:var(--color-neutral-800,lab(15.204% 0 -.00000596046))}}@supports (color:color-mix(in lab, red, red)){.coverGlass{box-shadow:-5px 7px 20px -8px color-mix(in srgb, var(--tint-0,transparent) 0%, transparent), 5px 7px 20px -8px color-mix(in srgb, var(--tint-1,transparent) 0%, transparent)}}.coverGlass{transition:box-shadow var(--dur-exit) var(--ease-standard)}.coverGlass__scene{inset:calc(var(--spacing,.25rem) * 0);position:absolute}.coverGlass__img{object-fit:cover}.coverGlass__lens{inset:calc(var(--spacing,.25rem) * 0);position:absolute}.coverGlass__lens .queer-glass__tint{display:none}.coverGlass__lens .queer-glass__tint-color{opacity:.1}.coverGlass{--glass-chroma:0%}.coverGlass:before{content:"";border-radius:inherit;z-index:1;pointer-events:none;-webkit-mask-composite:xor;opacity:.3;mix-blend-mode:screen;filter:blur(1.4px);will-change:opacity;transition:opacity var(--dur-exit) var(--ease-standard);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:#fff;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.coverGlass:after{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:conic-gradient(from var(--chroma-angle,0deg), #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787, #e40303);-webkit-mask-composite:xor;opacity:calc(var(--glass-chroma,0%) * .8);mix-blend-mode:screen;filter:blur(1.4px);will-change:opacity;transition:opacity var(--dur-exit) var(--ease-standard);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.coverGlass:hover{--glass-chroma:70%;box-shadow:-6px 9px 26px -7px var(--tint-0,transparent), 6px 9px 26px -7px var(--tint-1,transparent)}@supports (color:color-mix(in lab, red, red)){.coverGlass:hover{box-shadow:-6px 9px 26px -7px color-mix(in srgb, var(--tint-0,transparent) 30%, transparent), 6px 9px 26px -7px color-mix(in srgb, var(--tint-1,transparent) 30%, transparent)}}.coverGlass:hover:before{opacity:0}}.coverGlass--noGlow,.coverGlass--noGlow:hover{box-shadow:none}
