:root{--glass-radius: 24px;--glass-tint: 255, 255, 255;--glass-tint-opacity: .02;--glass-blur: 1px;--glass-saturation: 180%;--glass-edge-size: 6px;--glass-shadow-color: 15, 23, 42;--glass-spectrum-opacity: 0}.glass{position:relative;isolation:isolate;overflow:visible;border:1px solid rgba(255,255,255,.38);border-radius:var(--glass-radius);background:linear-gradient(180deg,rgba(var(--glass-tint),.085),rgba(var(--glass-tint),var(--glass-tint-opacity)) 48%,rgba(var(--glass-tint),.025));box-shadow:0 8px 24px rgba(var(--glass-shadow-color),.1),inset 0 1px #ffffffa3,inset 0 -1px #0f172a13,inset 1px 0 #ffffff29,inset -1px 0 #0f172a0b;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(1.025) contrast(1.02);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(1.025) contrast(1.02)}.glass:before,.glass:after{position:absolute;z-index:0;border-radius:inherit;pointer-events:none;content:""}.glass:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,102,143,var(--glass-spectrum-opacity)),transparent 8%,transparent 92%,rgba(85,200,255,var(--glass-spectrum-opacity))),radial-gradient(125% 36% at 46% 0%,rgba(255,255,255,.16),transparent 72%),radial-gradient(125% 34% at 54% 100%,rgba(15,23,42,.055),transparent 70%);box-shadow:inset 0 var(--glass-edge-size) calc(var(--glass-edge-size) * 1.2) #ffffff13,inset 0 calc(var(--glass-edge-size) * -1) calc(var(--glass-edge-size) * 1.35) #0f172a0a}.glass:after{top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,255,255,.14);border-block-start-color:#ffffff85;border-block-end-color:#0f172a0e}.glass>*{position:relative;z-index:1}.glass--standard{--glass-tint-opacity: .012;--glass-blur: .75px;--glass-saturation: 184%;--glass-spectrum-opacity: .085}.glass--blurred{--glass-tint-opacity: .065;--glass-blur: 20px;--glass-saturation: 188%;--glass-edge-size: 8px;--glass-spectrum-opacity: .06;background:linear-gradient(180deg,#fff3,#ffffff14 48%,#ffffff1f);box-shadow:0 14px 38px rgba(var(--glass-shadow-color),.12),inset 0 1px #ffffffd1,inset 0 -1px #0f172a17}.glass--cosmic{--glass-tint: 7, 24, 52;--glass-tint-opacity: .62;--glass-blur: 18px;--glass-saturation: 168%;--glass-edge-size: 9px;--glass-shadow-color: 2, 8, 23;--glass-spectrum-opacity: .34;border-color:#74c0ff75;background:radial-gradient(130% 70% at 48% -16%,rgba(90,184,255,.19),transparent 58%),linear-gradient(135deg,#071938c7,#05142d94 48%,#091f40b8);color:var(--cosmic-glass-text, #f7fbff);box-shadow:0 24px 58px #02081757,0 0 24px #40a4ff14,inset 0 1px #dcf4ffc7,inset 0 -1px #3995eb33,inset 1px 0 #ff668f1f,inset -1px 0 #55c8ff3b;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(.86) contrast(1.08);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(.86) contrast(1.08)}.glass--cosmic:before{background:radial-gradient(28% 16px at 42% 0%,rgba(226,249,255,.9),rgba(100,198,255,.25) 34%,transparent 78%),radial-gradient(20% 28% at 0% 100%,rgba(255,102,143,.2),transparent 72%),radial-gradient(22% 32% at 100% 92%,rgba(85,200,255,.3),transparent 72%),linear-gradient(90deg,rgba(255,102,143,.2),transparent 9%,transparent 89%,rgba(85,200,255,.36));box-shadow:inset 0 8px 18px #7fd7ff14,inset 0 -10px 24px #00081a2e}.glass--cosmic:after{top:2px;right:2px;bottom:2px;left:2px;border-color:#6ec0ff29;border-block-start-color:#dcf6ffa3;border-inline-start-color:#ff809b26;border-inline-end-color:#60cfff4a;box-shadow:inset 0 0 20px #4caeff0b}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass--standard{background:#f5f7faeb}.glass--blurred{background:#f5f7fae0}.glass--cosmic{background:#061834f0}}@media screen and (max-width:749px){.glass{--glass-edge-size: 5px;--glass-saturation: 155%}.glass--blurred,.glass--cosmic{--glass-blur: 16px;--glass-edge-size: 7px}}@media(prefers-reduced-transparency:reduce){.glass--standard,.glass--blurred{background:#f5f7faf5;-webkit-backdrop-filter:none;backdrop-filter:none}.glass--cosmic{background:#061834f7;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.glass{border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.glass:before,.glass:after{content:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/glass.css.map */