button{border:none;cursor:pointer;height:64px;width:64px;outline:none;background:#262626;border-radius:16px;box-shadow:inset 1px 1px 1px #1b1b1b,inset -1px -1px 1px #303030,-4px -4px 20px #303030,4px 4px 20px #1b1b1b;position:relative}button,button .gradient{transition:border-radius .3s ease,box-shadow .3s ease}button .gradient{position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:12px}button.selected,button.selected .gradient,button.selected:hover{border-radius:50%}button:not(.selected),button:not(.selected):hover{border-radius:16px}.gradient-selector{display:flex;flex-wrap:wrap;gap:16px;justify-items:flex-start;width:100%}.slider-container{width:100%;display:flex;align-items:center;position:relative}.slider-container input[type=range]{-webkit-appearance:none;width:100%;height:24px;background:#262626;border-radius:8px;outline:none;box-shadow:inset 1px 1px 1px #1b1b1b,inset -1px -1px 1px #303030,-4px -4px 20px #303030,4px 4px 20px #1b1b1b;position:relative;overflow:hidden}.slider-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px;background:transparent;border-radius:4px;margin:0;position:relative;z-index:1}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:transparent;border-radius:2px;z-index:2}.slider-container input[type=range]::-moz-range-track{width:100%;height:16px;background:transparent;border-radius:4px;margin:0;position:relative;z-index:1}.slider-container input[type=range]::-moz-range-thumb{-webkit-appearance:none;width:16px;height:16px;margin:4px;background-color:transparent;border-radius:2px}.slider-container .slider-fill{position:absolute;top:4px;left:4px;right:4px;max-width:calc(100% - 8px);min-width:16px;height:16px;background-color:#d9d9d9;border-radius:4px;z-index:1;pointer-events:none;box-shadow:inset 1px 1px 1px hsla(0,0%,100%,.5),inset -1px -1px 1px hsla(0,0%,69%,.5),-2px -2px 4px #303030,2px 2px 4px #1b1b1b}.slider-container .slider-fill:before{content:"";position:absolute;max-width:8px;width:100%;top:4px;right:4px;bottom:4px;background:#262626;border-radius:2px;z-index:2;pointer-events:none;box-shadow:inset 1px 1px 2px #404040,inset -1px -1px 2px #1b1b1b}.slider-value{height:24px;padding:3px;width:64px;text-align:center;box-shadow:inset 1px 1px 1px #1b1b1b,inset -1px -1px 1px #303030,-4px -4px 20px #303030,4px 4px 20px #1b1b1b;border-radius:8px;font-size:14px;font-family:monospace,monospace;font-weight:700}.slider,.slider-value{justify-content:center;align-items:center}.slider{display:flex;gap:16px;margin-bottom:16px}.card-container{perspective:1500px}.card{width:300px;height:525px;min-width:300px;min-height:525px;border-radius:32px;position:relative;justify-content:flex-start;align-items:flex-start;flex-direction:column;perspective:100px;overflow:hidden;box-shadow:0 0 32px rgba(0,0,0,.5);transition:transform .15s ease-out,box-shadow .15s ease-out}.shiny-layer{position:absolute;width:10%;height:10%;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0));pointer-events:none;transition:transform .3s ease,opacity .3s ease;opacity:0}.outline{width:268px;height:493px;margin:16px;border:2px solid #fff;border-radius:24px;position:absolute}.square-box{width:232px;height:232px;display:flex;justify-content:center;align-items:center;margin:32px 32px 0;top:0;border-radius:12px}.card-text,.square-box{position:absolute;transition:transform .1s ease}.card-text{top:280px;left:32px;width:236px;height:100%;border:none;background:transparent;text-align:left;font-size:32px;outline:none;z-index:2;line-height:135%}.card-text span{display:block}.bold{font-weight:700}.light{font-weight:300}.circular-element{position:absolute;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center}.horizontal-line{position:absolute;bottom:62px;left:32px;width:156px;height:4px;border-radius:2px}.tools-container{flex-direction:row;gap:32px;width:auto;margin:32px;background-color:#262626!important;padding:32px;border-radius:32px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 1px 1px 1px #1b1b1b,inset -1px -1px 1px #303030,-4px -4px 20px #303030,4px 4px 20px #1b1b1b}.section,.tools-container{display:flex;align-items:center}.section{flex-direction:column;width:50%;justify-content:center;flex-grow:1}.tool{padding-bottom:16px;width:100%}.tool input{width:100%;padding:8px;height:32px;background-color:#262626!important;border:none;border-radius:8px;font-size:16px;box-shadow:inset 1px 1px 1px #1b1b1b,inset -1px -1px 1px #303030,-4px -4px 20px #303030,4px 4px 20px #1b1b1b}#downloadButton{width:100%;height:48px;border-radius:12px;font-size:16px;transition:all .1s ease-in;box-shadow:none;border:1px solid #3b3b3b}#downloadButton:hover{box-shadow:1px 1px 1px #1b1b1b,-1px -1px 1px #303030,inset -4px -4px 20px #303030,inset 4px 4px 20px #1b1b1b;border:1px solid transparent}#downloadButton:active{box-shadow:inset 1px 1px 1px #1b1b1b,inset -1px -1px 1px #303030,-4px -4px 20px #303030,4px 4px 20px #1b1b1b;transition:box-shadow .2s ease-in}.tool-title{font-size:14px;line-height:1.5rem;font-weight:500;color:#767676;margin-bottom:8px}@media (max-width:768px){.tools-container{flex-direction:column;align-items:center}.section{width:100%}}.app-container{min-height:100vh;height:auto;width:100vw;position:relative;background-color:#262626;box-sizing:border-box;overflow:scroll}.app-container,.card{display:flex;justify-content:center;align-items:center}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-vietnamese-400-normal.df25f03a.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-400-normal.d4fa70ff.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-ext-400-normal.7bad20eb.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-400-normal.346ae808.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-400-normal.e58bf9a1.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-400-normal.2d1e8aa0.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}