@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#20201f;background:#f6f5f1;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #7586d9;outline-offset:5px}[hidden]{display:none!important}#app{max-width:1040px;min-height:100svh;margin:auto;padding:32px 48px;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between}.wordmark{font:700 34px Space Grotesk,sans-serif;letter-spacing:-3px}.wordmark span{margin-left:5px;color:#a4a49b}.badge{font-size:10px;letter-spacing:1.4px;border:1px solid #d6d6cf;border-radius:30px;padding:9px 12px;color:#65655d}.collection{width:100%;max-width:434px;margin:62px auto 58px}.eyebrow{font-size:10px;letter-spacing:2px;color:#77786d;margin-bottom:18px}h1{font:500 clamp(38px,6vw,48px)/1.12 "Space Grotesk",sans-serif;letter-spacing:-2.5px;margin:0}.intro{font-size:14px;color:#707169;line-height:1.65;max-width:350px;margin:19px 0 28px}.slots{display:grid;grid-template-columns:repeat(20,1fr);gap:4px}.slot{aspect-ratio:1;background:#e7e7df;border:1px solid #ddddD4;border-radius:3px;position:relative}.slot.filled{background:#242522;border-color:#242522}.slot.filled:after{content:"";position:absolute;width:5px;height:5px;background:#c5e5a4;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.progress{display:flex;justify-content:space-between;font-size:12px;margin:16px 0 27px;color:#717267}.progress strong{color:#242522;font-weight:600}button{border:0;background:#232420;color:#fff;min-height:49px;padding:12px 18px;border-radius:5px;font-size:14px;font-weight:600;transition:background .15s}button:hover{background:#3e4038}button:disabled{background:#d9dad1;color:#7a7c70;cursor:not-allowed}.payment>button:not(.text-button){width:100%}.payment{text-align:center}.secondary{background:transparent;color:#242522;border:1px solid #c8c9be}.secondary:hover{background:#e7e8de}#wallets{display:flex;gap:10px;margin-top:10px}#wallets button{flex:1}.text-button{background:transparent;color:#73766b;min-height:30px;font-size:12px;font-weight:400;margin-top:6px}.text-button:hover{background:transparent;color:#20201f}#status{font-size:12px;line-height:1.55;color:#74776a;margin:15px 0 0;overflow-wrap:anywhere}#status.error{color:#a33b2f}#receipt{display:inline-block;margin-top:12px;font-size:12px;text-decoration:underline}.note{font-size:11px;line-height:1.65;color:#828578;margin:22px auto 0;text-align:center;max-width:350px}footer{font-size:9px;letter-spacing:1.5px;color:#898c7f;padding-top:20px;border-top:1px solid #ddded4;margin-top:auto}#owner{margin-top:25px;padding-top:20px;border-top:1px solid #ddded4;text-align:center}@media(max-width:560px){#app{padding:23px 24px}.collection{margin:44px auto}.slots{gap:3px}h1{font-size:42px}.badge{font-size:9px;letter-spacing:1px}.progress{font-size:11px}footer{letter-spacing:1px;font-size:8px}}.deadline{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:22px 0 20px;padding:16px 0;border-top:1px solid #ddded4;border-bottom:1px solid #ddded4}.deadline>div{display:flex;flex-direction:column;gap:5px}.deadline-label{font-size:11px;letter-spacing:1.3px;color:#73766b}.deadline strong{font:500 28px Space Grotesk,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-1px}.deadline>span{font-size:12px;color:#73766b;text-align:right;max-width:145px}
