.GlassMorphism-module__SVTNLq__wrapper{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#224;--c-action:#0052f5;--c-switcher:#224;--glass-reflex-dark:1;--glass-reflex-light:1;--saturation:150%;font-optical-sizing:auto;color:var(--c-content);place-items:center;gap:1rem;width:100%;padding:2rem 1rem;font-family:DM Sans,sans-serif;font-size:20px;transition:color .4s cubic-bezier(1,0,.4,1);display:grid}.GlassMorphism-module__SVTNLq__wrapper[data-theme=dark]{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#e1e1e1;--c-action:#03d5ff;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%}.GlassMorphism-module__SVTNLq__wrapper[data-theme=dim]{--c-light:#99deff;--c-dark:#20001b;--c-content:#d5dbe2;--c-action:#ff48a9;--glass-reflex-dark:2;--glass-reflex-light:.7;--saturation:200%}.GlassMorphism-module__SVTNLq__cardArea{place-items:center;gap:.8rem;width:min(100%,24rem);display:grid}.GlassMorphism-module__SVTNLq__glassCard{--c-light:#fff;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%;background-color:color-mix(in srgb,var(--c-glass)16%,transparent);width:360px;height:220px;-webkit-backdrop-filter:blur(10px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);border-radius:1.4rem;place-items:center;padding:1.2rem;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1);display:grid}.GlassMorphism-module__SVTNLq__glassCard[data-style="1"]{--c-glass:#cce8ff;--c-light:#fff;--c-dark:#15314d;--glass-reflex-dark:1.1;--glass-reflex-light:1;--saturation:185%}.GlassMorphism-module__SVTNLq__glassCard[data-style="2"]{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%}.GlassMorphism-module__SVTNLq__glassCard[data-style="3"]{--c-glass:#f4c4de;--c-light:#ffeefd;--c-dark:#311427;--glass-reflex-dark:1.5;--glass-reflex-light:.75;--saturation:210%}.GlassMorphism-module__SVTNLq__buttonArea{flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1.5rem;display:flex}.GlassMorphism-module__SVTNLq__glassButton{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%;color:var(--c-content);cursor:pointer;background-color:color-mix(in srgb,var(--c-glass)16%,transparent);-webkit-backdrop-filter:blur(10px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*35%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*7%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*11%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*11%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*6%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*6%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*5%),transparent);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;font-weight:600;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),transform .16s;display:inline-flex}.GlassMorphism-module__SVTNLq__glassButton:hover{background-color:color-mix(in srgb,var(--c-glass)24%,transparent);transform:scale(1.03)}.GlassMorphism-module__SVTNLq__glassButton:active{transform:scale(.97)}.GlassMorphism-module__SVTNLq__glassButton[data-style="1"]{--c-glass:#cce8ff;--c-light:#fff;--c-dark:#15314d;--glass-reflex-dark:1.1;--glass-reflex-light:1;--saturation:185%}.GlassMorphism-module__SVTNLq__glassButton[data-style="2"]{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%}.GlassMorphism-module__SVTNLq__glassButton[data-style="3"]{--c-glass:#f4c4de;--c-light:#ffeefd;--c-dark:#311427;--glass-reflex-dark:1.5;--glass-reflex-light:.75;--saturation:210%}.GlassMorphism-module__SVTNLq__glassInput{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%;width:100%;max-width:320px;color:var(--c-content);background-color:color-mix(in srgb,var(--c-glass)14%,transparent);-webkit-backdrop-filter:blur(10px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*28%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*70%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*45%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*14%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*14%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*7%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*7%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*5%),transparent);border:none;border-radius:1rem;outline:none;padding:.75rem 1rem;font-family:DM Sans,system-ui,sans-serif;font-size:.9rem;font-weight:500;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)}.GlassMorphism-module__SVTNLq__glassInput::placeholder{color:color-mix(in srgb,var(--c-content)50%,transparent);font-weight:400}.GlassMorphism-module__SVTNLq__glassInput:focus{background-color:color-mix(in srgb,var(--c-glass)22%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*45%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*70%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*55%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*6%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*5%),transparent),0px 1px 8px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent),0px 8px 20px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*6%),transparent)}.GlassMorphism-module__SVTNLq__glassInput[data-style="1"]{--c-glass:#cce8ff;--c-light:#fff;--c-dark:#15314d;--glass-reflex-dark:1.1;--glass-reflex-light:1;--saturation:185%}.GlassMorphism-module__SVTNLq__glassInput[data-style="2"]{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.3;--saturation:150%}.GlassMorphism-module__SVTNLq__glassInput[data-style="3"]{--c-glass:#f4c4de;--c-light:#ffeefd;--c-dark:#311427;--glass-reflex-dark:1.5;--glass-reflex-light:.75;--saturation:210%}.GlassMorphism-module__SVTNLq__cardStyleButtons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.GlassMorphism-module__SVTNLq__cardStyleButton{color:var(--c-content);border:1px solid color-mix(in srgb,var(--c-light)30%,transparent);background-color:color-mix(in srgb,var(--c-glass)24%,transparent);height:2.2rem;-webkit-backdrop-filter:blur(8px)saturate(var(--saturation));letter-spacing:.01em;cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;transition:transform .16s,background-color .22s,border-color .22s;display:inline-flex}.GlassMorphism-module__SVTNLq__cardStyleButton:hover{background-color:color-mix(in srgb,var(--c-glass)36%,transparent);border-color:color-mix(in srgb,var(--c-action)45%,transparent);transform:translateY(-1px)}.GlassMorphism-module__SVTNLq__cardStyleButton[data-active=true]{background-color:color-mix(in srgb,var(--c-glass)42%,transparent);border-color:color-mix(in srgb,var(--c-action)60%,transparent)}.GlassMorphism-module__SVTNLq__cardCodePanel{border:1px solid color-mix(in srgb,var(--c-light)25%,transparent);background-color:color-mix(in srgb,var(--c-glass)16%,transparent);width:100%;-webkit-backdrop-filter:blur(8px)saturate(var(--saturation));border-radius:1rem;gap:.6rem;padding:.75rem;display:grid}.GlassMorphism-module__SVTNLq__cardCodeTitle{margin:0;font-size:.75rem;font-weight:700;line-height:1.3}.GlassMorphism-module__SVTNLq__cardCodeBlock{background:color-mix(in srgb,var(--c-dark)65%,transparent);max-height:7.5rem;color:color-mix(in srgb,var(--c-light)95%,transparent);border-radius:.65rem;margin:0;padding:.55rem .65rem;font-size:.66rem;line-height:1.45;overflow:auto}.GlassMorphism-module__SVTNLq__copyCodeButton{border:1px solid color-mix(in srgb,var(--c-light)25%,transparent);background-color:color-mix(in srgb,var(--c-glass)28%,transparent);height:2rem;color:var(--c-content);cursor:pointer;border-radius:.65rem;justify-self:end;padding:0 .85rem;font-size:.7rem;font-weight:700;transition:background-color .22s,border-color .22s}.GlassMorphism-module__SVTNLq__copyCodeButton:hover{background-color:color-mix(in srgb,var(--c-glass)40%,transparent);border-color:color-mix(in srgb,var(--c-action)45%,transparent)}.GlassMorphism-module__SVTNLq__switcher{z-index:1;box-sizing:border-box;background-color:color-mix(in srgb,var(--c-glass)12%,transparent);width:244px;max-width:244px;height:70px;-webkit-backdrop-filter:blur(8px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);border:none;border-radius:99em;align-items:center;gap:8px;margin:0;padding:8px 12px 10px;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1);display:flex;position:relative}.GlassMorphism-module__SVTNLq__switcherLegend{white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.GlassMorphism-module__SVTNLq__switcherInput{clip:rect(0 0 0 0);clip-path:inset(100%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.GlassMorphism-module__SVTNLq__switcherIcon{width:100%;transition:scale .2s cubic-bezier(.5,0,0,1);display:block}.GlassMorphism-module__SVTNLq__switcherOption{--c:var(--c-switcher);color:var(--c);box-sizing:border-box;opacity:1;z-index:2;border-radius:99em;justify-content:center;align-items:center;width:68px;height:100%;padding:0 16px;transition:all .16s;display:flex;position:relative}.GlassMorphism-module__SVTNLq__switcherOption:hover{--c:var(--c-action);cursor:pointer}.GlassMorphism-module__SVTNLq__switcherOption:hover .GlassMorphism-module__SVTNLq__switcherIcon{scale:1.2}.GlassMorphism-module__SVTNLq__switcherInput:checked+.GlassMorphism-module__SVTNLq__switcherIcon{scale:1}.GlassMorphism-module__SVTNLq__switcher:after{content:"";background-color:color-mix(in srgb,var(--c-glass)36%,transparent);z-index:1;width:84px;height:calc(100% - 10px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 2px 1px 0px -1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -1.5px -1px 0px -1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px -4px 1px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 3px 6px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);border-radius:99em;display:block;position:absolute;top:4px;left:4px}.GlassMorphism-module__SVTNLq__switcher[data-option="1"]:after{transform-origin:100%;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),translate .4s cubic-bezier(1,0,.4,1);animation:.44s GlassMorphism-module__SVTNLq__scaleToggle;translate:0}.GlassMorphism-module__SVTNLq__switcher[data-option="2"]:after{transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),translate .4s cubic-bezier(1,0,.4,1);animation:.44s GlassMorphism-module__SVTNLq__scaleToggle2;translate:76px}.GlassMorphism-module__SVTNLq__switcher[data-previous="1"][data-option="2"]:after{transform-origin:0}.GlassMorphism-module__SVTNLq__switcher[data-previous="3"][data-option="2"]:after{transform-origin:100%}.GlassMorphism-module__SVTNLq__switcher[data-option="3"]:after{transform-origin:0;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),translate .4s cubic-bezier(1,0,.4,1);animation:.44s GlassMorphism-module__SVTNLq__scaleToggle3;translate:152px}@keyframes GlassMorphism-module__SVTNLq__scaleToggle{0%{scale:1}50%{scale:1.1 1}to{scale:1}}@keyframes GlassMorphism-module__SVTNLq__scaleToggle2{0%{scale:1}50%{scale:1.2 1}to{scale:1}}@keyframes GlassMorphism-module__SVTNLq__scaleToggle3{0%{scale:1}50%{scale:1.1 1}to{scale:1}}