:root{--kaotik-glass-surface: rgb(240 240 240 / 10%);--kaotik-glass-blur: 4px;--kaotik-glass-shadow: 0 4px 4px rgb(0 0 0 / 3%);--kaotik-glass-shadow-hover: 0 4px 6px rgb(0 0 0 / 6%);--kaotik-glass-selected-background: linear-gradient(180deg, #00e6e6, #06d2d2);--kaotik-glass-view-selected-background: linear-gradient(180deg, #83ffff, #06d2d2);--kaotik-glass-selected-outline: 1px solid #0ff;--kaotik-glass-selected-shadow: 0 1px 2px rgb(21 97 97 / 15%);--kaotik-glass-edge-gradient: linear-gradient(135deg, rgb(255 255 255 / 75%), rgb(255 255 255 / 10%) 35%, rgb(255 255 255 / 8%) 55%, rgb(255 255 255 / 80%));--kaotik-glass-inset-shadow: inset 1px 1px 2px rgb(0 0 0 / 2%), inset -1px -1px 2px rgb(255 255 255 / 55%)}.kaotik-glass-frame{--kaotik-glass-frame-radius: 18px;--kaotik-glass-frame-bg: var(--kaotik-glass-surface);--kaotik-glass-frame-blur: var(--kaotik-glass-blur);--kaotik-glass-frame-saturate: 1;--kaotik-glass-frame-edge-opacity: 1;--kaotik-glass-frame-inner-opacity: 1;--kaotik-glass-frame-shadow: var(--kaotik-glass-shadow);--kaotik-glass-frame-shade-size: 12px;--kaotik-glass-frame-highlight-size: 12px;--kaotik-glass-frame-shade: rgb(0 0 0 / 2%);--kaotik-glass-frame-highlight: rgb(255 255 255 / 55%);position:relative;overflow:hidden;border-radius:var(--kaotik-glass-frame-radius);background:linear-gradient(180deg,var(--kaotik-glass-frame-shade),transparent) top / 100% var(--kaotik-glass-frame-shade-size) no-repeat,linear-gradient(0deg,var(--kaotik-glass-frame-highlight),transparent) bottom / 100% var(--kaotik-glass-frame-highlight-size) no-repeat,var(--kaotik-glass-frame-bg);box-shadow:var(--kaotik-glass-frame-shadow);-webkit-backdrop-filter:blur(var(--kaotik-glass-frame-blur)) saturate(var(--kaotik-glass-frame-saturate));backdrop-filter:blur(var(--kaotik-glass-frame-blur)) saturate(var(--kaotik-glass-frame-saturate))}.kaotik-glass-frame:before,.kaotik-glass-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.kaotik-glass-frame:before{padding:1px;background:var(--kaotik-glass-edge-gradient);opacity:var(--kaotik-glass-frame-edge-opacity);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.kaotik-glass-frame:after{box-shadow:var(--kaotik-glass-inset-shadow);opacity:var(--kaotik-glass-frame-inner-opacity)}.kaotik-glass-frame.kaotik-glass-frame--panel{--kaotik-glass-frame-shadow: none}.kaotik-glass-frame.kaotik-glass-frame--frosted{--kaotik-glass-frame-bg: rgb(240 240 240 / 30%);--kaotik-glass-frame-shadow: none;--kaotik-glass-frame-edge-opacity: .3;--kaotik-glass-frame-inner-opacity: .4;--kaotik-glass-frame-shade-size: 4px;--kaotik-glass-frame-highlight-size: 4px;--kaotik-glass-frame-shade: rgb(0 0 0 / 3%);--kaotik-glass-frame-highlight: rgb(255 255 255 / 12%)}.kaotik-glass-frame.kaotik-glass-frame--image{--kaotik-glass-frame-bg: #f0f0f0;--kaotik-glass-frame-shadow: none;--kaotik-glass-frame-edge-opacity: .3;--kaotik-glass-frame-inner-opacity: .4;-webkit-backdrop-filter:none;backdrop-filter:none}.kaotik-glass-frame--image:before,.kaotik-glass-frame--image:after{z-index:1}.kaotik-glass-frame--bottom-edge{--kaotik-glass-frame-radius: 0;--kaotik-glass-frame-bg: transparent;--kaotik-glass-frame-blur: 0px;--kaotik-glass-frame-shadow: none;background:transparent}.kaotik-glass-frame--bottom-edge:before,.kaotik-glass-frame--bottom-edge:after{z-index:2;inset:auto 0 0;height:2px;padding:0;border-radius:0;-webkit-mask:none;mask:none}.kaotik-glass-frame--bottom-edge:before{background:linear-gradient(to bottom,#0000000f 50%,#ffffffe6 50%)}.kaotik-glass-frame--bottom-edge:after{background:transparent;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/66/assets/kaotik-glass-frame.css.map */