:root{--glass-color:#bbbbbc;--glass-light:var(--color-white);--glass-dark:var(--color-black);--glass-reflex-dark:1;--glass-reflex-light:1;--glass-saturation:150%}.glass-container{position:relative;display:flex;background:transparent;border-radius:30px;overflow:hidden;box-shadow:0 6px 6px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.1)}.glass-filter{position:absolute;inset:0;z-index:0;backdrop-filter:blur(10px)}.glass-overlay{position:absolute;inset:0;z-index:1;border-radius:30px;border:.524px solid rgba(0,0,0,.26);background:linear-gradient(149deg,rgba(52,52,52,.2) 6.47%,rgba(177,177,177,.2) 98.59%);box-shadow:0 4.196px 25.173px -1.049px rgba(0,0,0,.2);backdrop-filter:none}.glass-specular{position:absolute;inset:0;z-index:2;border-radius:inherit;overflow:hidden;box-shadow:inset 1px 1px 0 rgba(255,255,255,.75),inset 0 0 5px rgba(255,255,255,.75)}.glass-content{position:relative;z-index:3;width:100%;display:flex;align-items:center;gap:20px;padding:1rem 1.5rem .9rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:.524px solid rgba(0,0,0,.26);box-shadow:0 4.196px 25.173px -1.049px rgba(0,0,0,.2),inset 1px 1px 0 rgba(255,255,255,.75),inset 0 0 5px rgba(255,255,255,.75)}.glass-layered--light{background-color:color-mix(in srgb,var(--glass-color) 8%,transparent)}.glass-layered--strong{background-color:color-mix(in srgb,var(--glass-color) 20%,transparent)}.glass-layered--strong::before{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-layered--border::after{border:.5px solid rgba(0,0,0,.26)}.glass-blur{position:relative;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:color-mix(in srgb,var(--glass-color) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--glass-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--glass-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--glass-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--glass-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--glass-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 6px 16px 0 color-mix(in srgb,var(--glass-dark) calc(var(--glass-reflex-dark) * 8%),transparent);transition:background-color 400ms cubic-bezier(1,0,.4,1),box-shadow 400ms cubic-bezier(1,0,.4,1)}.blur-displacement{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-blur--light{background-color:color-mix(in srgb,var(--glass-color) 8%,transparent)}.glass-blur--strong{background-color:color-mix(in srgb,var(--glass-color) 20%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}@media (prefers-color-scheme:dark){:root{--glass-reflex-dark:2;--glass-reflex-light:0.3}}@supports not (backdrop-filter:blur(8px)){.glass-blur,.glass-layered::before{background-color:color-mix(in srgb,var(--glass-color) 30%,transparent)}}