@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Padaloma;src:url(/static/media/Padaloma.ada2b3a2c590dcdc0f99.ttf) format("truetype")}body,html{height:100%;overflow:hidden}body{background:linear-gradient(135deg,#fffbe7,#ffe3f0);box-sizing:border-box;height:100vh;margin:0;padding:0}@keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(.95)}}.app-container{flex-direction:column}.App-header,.app-container{align-items:center;display:flex;width:100%}.App-header{box-sizing:border-box;justify-content:space-between;padding:10px 20px;position:fixed;top:0;z-index:10}.App-logo{max-width:200px}.main-content{margin-top:150px;width:100%}.main-content,.upload-pfp{align-items:center;display:flex;flex-direction:column;padding:20px}.upload-pfp{background-color:#000;border-radius:10px;box-shadow:0 0 15px 5px #00ff0080;color:#fff;margin-top:20px;text-align:center;transition:padding .3s ease,height .3s ease;width:300px}.upload-pfp.og-visible{padding-bottom:20px}.upload-pfp.sliders-visible{padding-bottom:70px}.image-container{align-items:center;border-radius:10px;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.uploaded-image{max-height:100%;max-width:100%;object-fit:contain;z-index:1}.circle-layer{z-index:2}.circle-layer,.og-overlay{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.og-overlay{pointer-events:none;z-index:3}.button{align-items:center;animation:pulse .7s ease 0s infinite normal none running;background-color:#02ff40;border:none;border-radius:40px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:Padaloma,sans-serif;font-size:clamp(14px,1vw,16px);justify-content:center;margin:10px 0;max-width:200px;padding:10px 20px;text-decoration:none;transform:scale(.95);white-space:nowrap;width:100%}.top-button{margin:0;max-width:none;width:auto}.download-button{margin-top:20px;max-width:300px;padding:15px 30px;width:100%}.slider-container{margin-top:10px}.slider,.slider-container{align-items:center;display:flex;flex-direction:column;width:100%}.slider{margin:10px 0}.slider label{color:#fff;font-weight:700;margin-bottom:5px}.slider input[type=range]{-webkit-appearance:none;background:#02ff40;border-radius:5px;height:10px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:25px;width:25px}.slider input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:25px;width:25px}.catwifbag-app{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:min(4px,.5vh) min(8px,1vw) 0}.catwifbag-app,.title{font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif}.title{color:#ff69b4;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700;letter-spacing:2px;margin-bottom:min(10px,1vh);margin-top:.2em;text-align:center;text-shadow:2px 2px 0 #fff,4px 4px 0 #222,0 0 12px #ffb300;text-transform:uppercase}.cat-container{align-items:center;background:#fff;border:min(4px,1vw) solid #ffb300;border-radius:min(32px,8vw);box-shadow:0 8px 32px #ff69b426,0 2px 16px #0000001a;display:flex;height:min(340px,60vw,50vh);justify-content:center;margin:0 auto min(8px,1vh);overflow:hidden;position:relative;width:min(340px,60vw,50vh)}.cat-image{background:#fff;border-radius:28px;box-shadow:0 2px 16px #0000001a}.cat-image,.mask-image{height:100%;object-fit:contain;width:100%}.mask-image{box-shadow:none;filter:none;left:0;pointer-events:none;position:absolute;top:0}.mask-gallery{border:none;display:flex;flex-wrap:wrap;gap:min(18px,2vw);justify-content:center;margin:0 auto min(10px,1vh);max-width:min(570px,90vw);padding:min(6px,.5vh) 0}.mask-gallery,.mask-thumb-btn{background:none;box-shadow:none}.mask-thumb-btn{border:2px solid #0000;border-radius:16px;cursor:pointer;padding:4px;position:relative;transition:border .2s,transform .15s,box-shadow .2s}.mask-thumb-btn.selected,.mask-thumb-btn:focus{background:none;border:2px solid #fff;box-shadow:0 2px 8px #0000001a;transform:scale(1.1) rotate(-2deg)}.mask-thumb{background:#fff;border:2px dashed #ffb300;border-radius:min(12px,2vw);box-shadow:0 1px 8px #0000001a;height:min(80px,12vw,8vh);object-fit:contain;transition:box-shadow .2s;width:min(80px,12vw,8vh)}.mask-thumb-btn.selected .mask-thumb{border:2px solid #fff;box-shadow:0 0 0 2px #fff,0 2px 8px #0000001a}.download-btn{background:linear-gradient(90deg,#ffb300,#ff69b4);border:none;border-radius:min(16px,2vh);box-shadow:0 4px 16px #ff69b426;color:#fff;cursor:pointer;font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;letter-spacing:1px;margin:0 auto min(18px,2vh);max-width:min(300px,80vw);outline:3px solid #fffbe7;padding:min(12px,1.5vh) min(32px,4vw);text-shadow:1px 1px 0 #222;transition:background .2s,transform .1s}.download-btn:hover{background:linear-gradient(90deg,#ff69b4,#ffb300);transform:scale(1.06) rotate(2deg)}.footer{color:#ff69b4;font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif;font-size:clamp(.9rem,2.5vw,1.2rem);letter-spacing:1px;padding:min(12px,1vh) 0 min(6px,.5vh);text-align:center;text-shadow:1px 1px 0 #fff,2px 2px 0 #ffb300;-webkit-user-select:none;user-select:none}.footer-text{margin-bottom:min(8px,.5vh)}.donation-section{margin-bottom:auto;margin-top:min(8px,1vh)}.donation-text{color:#ffb300;font-size:clamp(.88rem,2.2vw,1.1rem);margin-bottom:min(7px,.6vh)}.wallet-container{align-items:center;display:flex;flex-direction:column;gap:min(7px,.6vh)}.wallet-address{background:#ffffffe6;border:1px solid #ffb300;border-radius:min(9px,1.1vh);color:#333;font-family:Courier New,monospace;font-size:clamp(.66rem,1.65vw,.77rem);max-width:min(308px,77vw);overflow:hidden;padding:min(5px,.6vh) min(9px,1.1vw);text-overflow:ellipsis;text-shadow:none;transition:background .2s,transform .1s,border-color .2s;white-space:nowrap}.wallet-address.clickable{cursor:pointer}.wallet-address.clickable:hover{background:#ffb3001a;border-color:#ff69b4;transform:scale(1.02)}.copy-btn{background:linear-gradient(90deg,#ffb300,#ff69b4);border:none;border-radius:min(13px,1.65vh);color:#fff;cursor:pointer;font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif;font-size:clamp(.77rem,1.98vw,.88rem);min-width:min(66px,16.5vw);padding:min(5px,.6vh) min(13px,2.2vw);text-shadow:1px 1px 0 #222;transition:background .2s,transform .1s}.copy-btn:hover{background:linear-gradient(90deg,#ff69b4,#ffb300);transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#fffbe7,#ffe3f0);border:min(4px,.5vh) solid #ffb300;border-radius:min(20px,3vh);box-shadow:0 8px 32px #ff69b44d;max-height:80vh;max-width:min(450px,90vw);overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;border-bottom:2px solid #ffb300;display:flex;justify-content:space-between;padding:min(20px,2vh) min(20px,3vw) min(10px,1vh)}.modal-header h2{color:#ff69b4;font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif;font-size:clamp(1.2rem,3vw,1.5rem);margin:0;text-shadow:1px 1px 0 #fff,2px 2px 0 #ffb300}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#ff69b4;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.modal-close:hover{background:#ff69b41a}.modal-body{padding:min(20px,2vh) min(20px,3vw)}.modal-body p{color:#333;font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);line-height:1.4;margin:0 0 min(15px,1.5vh);text-shadow:1px 1px 0 #fff}.modal-wallet-container{background:#ffffffe6;border:2px solid #ffb300;border-radius:min(12px,1.5vh);margin:min(15px,1.5vh) 0;padding:min(15px,2vh) min(15px,2vw);text-align:center}.modal-wallet-address{background:#fff;border:1px solid #ddd;border-radius:min(8px,1vh);color:#333;font-family:Courier New,monospace;font-size:clamp(.7rem,1.8vw,.8rem);margin-bottom:min(10px,1vh);padding:min(8px,1vh) min(8px,1vw);text-shadow:none;transition:background .2s,transform .1s,border-color .2s;word-break:break-all}.modal-wallet-address.clickable{cursor:pointer}.modal-wallet-address.clickable:hover{background:#ffb3001a;border-color:#ff69b4;transform:scale(1.01)}.modal-copy-btn{background:linear-gradient(90deg,#ffb300,#ff69b4);border:none;border-radius:min(16px,2vh);color:#fff;cursor:pointer;font-family:Luckiest Guy,Impact,Comic Sans MS,Arial,sans-serif;font-size:clamp(.9rem,2.2vw,1rem);min-width:min(120px,25vw);padding:min(8px,1vh) min(20px,3vw);text-shadow:1px 1px 0 #222;transition:background .2s,transform .1s}.modal-copy-btn:hover{background:linear-gradient(90deg,#ff69b4,#ffb300);transform:scale(1.05)}.modal-copy-btn:active{transform:scale(.95)}.modal-note{color:#666!important;font-size:.9rem!important;font-style:italic}.header-social{align-items:center;display:flex;justify-content:flex-end;min-height:min(32px,4vh);padding:min(8px,1vh) min(10px,1vw) 0 0;position:relative;width:100%;z-index:10}.header-spacer{flex:1 1}.header-icons{display:flex;gap:10px}.header-icon-link{align-items:center;background:#fffbe7;border:2px solid #ffb300;border-radius:50%;box-shadow:0 2px 8px #ff69b41a;display:flex;height:min(32px,4vw,4vh);justify-content:center;margin-left:0;transition:box-shadow .2s,transform .1s,border .2s;width:min(32px,4vw,4vh)}.header-icon-link:focus,.header-icon-link:hover{border:2px solid #ff69b4;box-shadow:0 0 0 3px #ff69b4,0 2px 8px #ffb300;transform:scale(1.08) rotate(-3deg)}.header-icon-link img,.header-icon-link svg{display:block;height:min(20px,2.5vw,2.5vh);width:min(20px,2.5vw,2.5vh)}@media (max-width:400px){.cat-container{height:min(280px,80vw,45vh);width:min(280px,80vw,45vh)}.mask-gallery{gap:min(12px,1.5vw)}.mask-thumb{height:min(60px,10vw,6vh);width:min(60px,10vw,6vh)}}
/*# sourceMappingURL=main.a00341d8.css.map*/