.vip-banner-card{border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-border) l c h) 50%, transparent) ;border-radius:var(--radius-3xl);background-color:color-mix(in srgb, oklch(from var(--colors-surface) l c h) var(--un-bg-opacity), transparent) ;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.5s;transition-duration:.5s;position:relative}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.vip-banner-card:hover{border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 40%, transparent) ;--un-shadow-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 5%, transparent) }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.animated-bg{opacity:.5;transition-property:opacity;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.5s;inset:calc(var(--spacing) * 0);--un-from-opacity:5%;--un-gradient-from:color-mix(in oklab, var(--colors-primary) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops,var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-via:transparent;--un-gradient-via-stops:var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-via) var(--un-gradient-via-position), var(--un-gradient-to) var(--un-gradient-to-position);--un-to-opacity:5%;--un-gradient-to:color-mix(in oklab, var(--colors-accent) var(--un-to-opacity), transparent);--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));transition-duration:.5s;position:absolute}.group:hover .animated-bg{opacity:1}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-gradient-position{syntax:"*";inherits:false}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --un-gradient-stops{syntax:"*";inherits:false}@property --un-gradient-via-stops{syntax:"*";inherits:false}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.icon-wrapper{border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 20%, transparent) ;border-radius:var(--radius-2xl);background-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 10%, transparent) ;width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.group:hover .icon-wrapper{border-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 40%, transparent) }.icon-glow-pulse{background-color:color-mix(in srgb, oklch(from var(--colors-primary) l c h) 30%, transparent) ;opacity:0;--un-scale-x:150%;--un-scale-y:150%;scale:var(--un-scale-x) var(--un-scale-y);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.7s;inset:calc(var(--spacing) * 0);--un-blur:blur(24px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);border-radius:3.40282e38px;transition-duration:.7s;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute}.group:hover .icon-glow-pulse{opacity:1;--un-scale-x:180%;--un-scale-y:180%;scale:var(--un-scale-x) var(--un-scale-y)}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}@property --un-blur{syntax:"*";inherits:false}@property --un-brightness{syntax:"*";inherits:false}@property --un-contrast{syntax:"*";inherits:false}@property --un-grayscale{syntax:"*";inherits:false}@property --un-hue-rotate{syntax:"*";inherits:false}@property --un-invert{syntax:"*";inherits:false}@property --un-saturate{syntax:"*";inherits:false}@property --un-sepia{syntax:"*";inherits:false}@property --un-drop-shadow{syntax:"*";inherits:false}.action-btn{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 40%, transparent) ;background-color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 5%, transparent) ;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.shine-effect{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.vip-banner-card:hover .shine-effect{left:200%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}