@property --lgb-x{syntax:"<number>";inherits:true;initial-value:.22}@property --lgb-y{syntax:"<number>";inherits:true;initial-value:0}@property --lgb-on{syntax:"<number>";inherits:true;initial-value:0}@property --lgb-press{syntax:"<number>";inherits:true;initial-value:0}.lgb{--lgb-x:.22;--lgb-y:0;--lgb-on:0;--lgb-press:0;--lgb-press-time:.62s;--lgb-press-ease:var(--lgb-spring,ease-out);vertical-align:middle;isolation:isolate;border-radius:var(--lgb-radius);color:var(--lgb-text);font-family:var(--lgb-font,inherit);font-size:var(--lgb-size);font-weight:var(--lgb-weight);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:--lgb-x var(--lgb-follow) ease-out, --lgb-y var(--lgb-follow) ease-out, --lgb-on var(--lgb-speed) cubic-bezier(.3, .7, .2, 1), --lgb-press var(--lgb-press-time) var(--lgb-press-ease);background:0 0;border:0;margin:0;padding:0;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.lgb:hover{--lgb-on:1}}.lgb:focus-visible{--lgb-on:1;outline:2px solid var(--lgb-focus);outline-offset:4px}.lgb[data-pressed]{--lgb-press:1;--lgb-press-time:.12s;--lgb-press-ease:cubic-bezier(.3, .6, .3, 1)}.lgb[data-disabled]{cursor:default;opacity:.48;pointer-events:none}.lgb__defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.lgb__body{padding:var(--lgb-pad-y) var(--lgb-pad-x);border-radius:inherit;transform:perspective(40em) translateY(calc(var(--lgb-lift) * -1 * var(--lgb-on) + 1.4px * var(--lgb-press))) rotateX(calc((.5 - var(--lgb-y)) * 2 * var(--lgb-tilt) * var(--lgb-on))) rotateY(calc((var(--lgb-x) - .5) * 2 * var(--lgb-tilt) * var(--lgb-on))) scale(calc(1 - var(--lgb-squash-x) * var(--lgb-press)), calc(1 - var(--lgb-squash-y) * var(--lgb-press)));flex:1;justify-content:center;align-items:center;display:flex;position:relative}.lgb__glass{--lgb-b:calc(var(--lgb-blur) + (var(--lgb-blur-hover) - var(--lgb-blur)) * var(--lgb-on));--lgb-up:calc(var(--lgb-on) - 1.4 * var(--lgb-press));border-radius:inherit;-webkit-backdrop-filter:var(--lgb-lens, ) blur(var(--lgb-b)) saturate(var(--lgb-saturate));backdrop-filter:var(--lgb-lens, ) blur(var(--lgb-b)) saturate(var(--lgb-saturate));box-shadow:0 1px 1px 0 color-mix(in srgb, var(--lgb-shadow) 70%, transparent), 0 calc(4px + 1.5px * var(--lgb-up)) calc(6px + 1.5px * var(--lgb-up)) -3px var(--lgb-shadow), 0 calc(12px + 3px * var(--lgb-up)) calc(20px + 4px * var(--lgb-up)) -10px var(--lgb-shadow), inset 0 1px 1px 0 #fffc, inset 0 -1px 1px 0 #ffffff9e, inset 1px 0 .5px 0 #fff9, inset -1px 0 .5px 0 #0000001f;background:linear-gradient(160deg,#fff3,#ffffff08 45%,#ffffff1f);position:absolute;inset:0;overflow:hidden}.lgb__fill{background:var(--lgb-fill);opacity:calc(var(--lgb-fill-alpha) * (1 - .45 * var(--lgb-on)));position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lgb__fill{opacity:var(--lgb-fallback-alpha)}}.lgb__depth{--lgb-d:calc(var(--lgb-depth) * (1 - .25 * var(--lgb-on) + .15 * var(--lgb-press)));border-radius:inherit;box-shadow:inset 0 calc(9px * var(--lgb-d)) calc(12px * var(--lgb-d)) -8px var(--lgb-depth-dark), inset 0 calc(-9px * var(--lgb-d)) calc(9px * var(--lgb-d)) -7px var(--lgb-depth-light), inset calc(5px * var(--lgb-d)) 0 8px -7px color-mix(in srgb, var(--lgb-depth-dark) 90%, transparent), inset calc(-5px * var(--lgb-d)) 0 8px -7px color-mix(in srgb, var(--lgb-depth-dark) 65%, transparent);position:absolute;inset:0}.lgb__sheen{opacity:calc((.16 + .2 * var(--lgb-on)) * var(--lgb-lighting));transform:translate(calc((var(--lgb-x) - .5) * 55%), calc((var(--lgb-y) - .5) * 9%));background:linear-gradient(108deg,#0000 30%,#ffffff38 41%,#ffffff6b 45%,#ffffff14 52%,#0000 60%);position:absolute;inset:-45% -50%}.lgb__glow{background:radial-gradient(4.4em 2.5em at calc(var(--lgb-x) * 100%) calc(var(--lgb-y) * 100%), #ffffff2e, #ffffff0f 38%, transparent 78%);opacity:calc(var(--lgb-on) * (1 - .2 * var(--lgb-press)) * var(--lgb-lighting));position:absolute;inset:0}.lgb__caustic{filter:blur(.4px);height:2px;opacity:calc((.12 + .6 * var(--lgb-on)) * var(--lgb-lighting));transform:translateX(calc((var(--lgb-x) - .3) * 110%));background:linear-gradient(90deg,#0000,#fffffff2 50%,#0000);border-radius:50%;position:absolute;bottom:1px;left:12%;right:42%}.lgb__rim{--lgb-edge:1.25px;padding:var(--lgb-edge);border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;--lgb-a:calc(atan2(var(--lgb-y) - .5, var(--lgb-x) - .5) + 90deg);background:conic-gradient(from calc(var(--lgb-a) - 50deg), color-mix(in srgb, var(--lgb-rim-color) 20%, transparent) 0deg, var(--lgb-rim-color) 50deg, color-mix(in srgb, var(--lgb-rim-color) 30%, transparent) 88deg, var(--lgb-rim-shade) 132deg, color-mix(in srgb, var(--lgb-rim-color) 12%, transparent) 180deg, color-mix(in srgb, var(--lgb-rim-color) 85%, transparent) 230deg, color-mix(in srgb, var(--lgb-rim-color) 18%, transparent) 272deg, color-mix(in srgb, var(--lgb-rim-shade) 55%, transparent) 314deg, color-mix(in srgb, var(--lgb-rim-color) 20%, transparent) 360deg);position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lgb__rim--hot{background:radial-gradient(5em 2.7em at calc(var(--lgb-x) * 100%) calc(var(--lgb-y) * 100%), var(--lgb-rim-color), color-mix(in srgb, var(--lgb-rim-color) 70%, transparent) 30%, transparent 80%);opacity:calc(.78 * var(--lgb-on) * (1 - .2 * var(--lgb-press)) * var(--lgb-lighting))}.lgb__rim--echo{background:radial-gradient(3.9em 2em at calc((1 - var(--lgb-x)) * 100%) calc((1 - var(--lgb-y)) * 100%), color-mix(in srgb, var(--lgb-rim-color) 65%, transparent), color-mix(in srgb, var(--lgb-rim-color) 20%, transparent) 35%, transparent 80%);opacity:calc(.78 * var(--lgb-on) * (1 - .2 * var(--lgb-press)) * var(--lgb-lighting))}.lgb__content{align-items:center;gap:.6em;display:inline-flex;position:relative}.lgb__icon{width:1em;height:1em;transition:transform var(--lgb-speed) cubic-bezier(.3, .7, .2, 1);flex:none;display:inline-flex}.lgb__icon svg{width:100%;height:100%}@media (hover:hover){.lgb:hover .lgb__content>.lgb__icon:last-child{transform:translate(.12em)}}@media (prefers-reduced-motion:reduce){.lgb{--lgb-tilt:0deg!important;--lgb-lift:0px!important;--lgb-squash-x:0!important;--lgb-squash-y:0!important;--lgb-follow:0s!important}.lgb:hover .lgb__content>.lgb__icon:last-child{transform:none}}