.color-scheme-1.gradient,.color-scheme-2.gradient,.color-scheme-3.gradient,.color-scheme-4.gradient,.color-scheme-5.gradient{background:rgb(var(--color-background));background:var(--gradient-background)}.contact img{max-width:100%}.contact.page-width{max-width:800px;padding:30px;margin:3rem auto}.contact{background:linear-gradient(135deg,#ffffff14,#ffffff0d,#ffffff08,#ffffff05,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;position:relative;box-sizing:border-box;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003,0 2px 8px #0000001a,inset 0 1px #ffffff1a;margin:20px}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.03) 30%,rgba(255,255,255,.02) 70%,transparent 100%);border-radius:12px;transition:opacity .4s ease;opacity:0;pointer-events:none}.contact:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 16px 48px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff26}.contact:hover:before{opacity:1}.contact .title{color:#fff;margin-bottom:32px;text-align:center;position:relative;z-index:1}.contact .discord-disclaimer{background:linear-gradient(135deg,#5865f226,#5865f214);border:1px solid rgba(88,101,242,.3);border-radius:8px;padding:16px;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;position:relative;z-index:1}.contact .discord-disclaimer-content{display:flex;align-items:center;justify-content:center;gap:12px}.contact .discord-icon-wrapper{flex-shrink:0}.contact .discord-icon{width:20px;height:20px;color:#fff;fill:currentColor}.contact .discord-disclaimer p{color:#fff;font-size:14px;margin:0;line-height:1.4;text-align:left}.contact .discord-disclaimer strong{color:#fff;font-weight:600}.contact .form__message{align-items:flex-start;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:16px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact .icon-success{margin-top:.2rem;fill:#22c55e}.contact .field{margin-bottom:24px}.contact .field__input,.contact .text-area{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;padding:12px 16px;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box}.contact .field__input::placeholder,.contact .text-area::placeholder{color:#fff9}.contact .field__input:focus,.contact .text-area:focus{outline:none;border-color:#6ee4ff80;box-shadow:0 0 0 3px #6ee4ff1a,0 4px 12px #00000026;background:linear-gradient(135deg,#ffffff26,#ffffff14)}.contact .field__label{color:#fffc;font-size:14px;font-weight:500;margin-bottom:6px;display:block}.contact .text-area{min-height:120px;resize:vertical}@media screen and (max-width: 749px){.contact.page-width{margin:0 1.5rem 3rem;max-width:none}.contact{padding:30px;border-radius:8px;margin:0}.contact .title{margin-bottom:24px;font-size:24px}.contact .discord-disclaimer-content{flex-direction:column;gap:8px;text-align:center}.contact .discord-disclaimer p{text-align:center;font-size:13px}.contact .field__input,.contact .text-area{font-size:16px}}@media screen and (min-width: 750px){.contact.page-width{margin:0rem auto 3rem}.contact{padding:30px;margin:0}.contact .field{margin-bottom:28px}.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:24px}}.contact__button{margin-top:24px;display:flex;justify-content:flex-start}.contact__button .button{background:linear-gradient(135deg,#6ee4ffe6,#3b82f6e6);border:1px solid rgba(110,228,255,.3);border-radius:8px;color:#fff;padding:12px 24px;font-size:16px;font-weight:600;letter-spacing:var(--letter-spacing-body);text-transform:none;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-width:fit-content;min-width:-moz-fit-content}.contact__button .button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact__button .button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6ee4ff4d,0 4px 12px #0003;border-color:#6ee4ff80}.contact__button .button:hover:before{left:100%}.contact__button .button:active{transform:translateY(0)}@media screen and (min-width: 750px){.contact__button{margin-top:32px}.contact__button .button{width:fit-content;width:-moz-fit-content}}.contact .field--with-error .field__input{border-color:#ef444480}.contact .field--with-error .field__input:focus{border-color:#ef4444b3;box-shadow:0 0 0 3px #ef44441a,0 4px 12px #00000026}.contact .contact__field-error{color:#ef4444;font-size:14px;margin-top:6px;display:block}.contact .contact__field-error .svg-wrapper{display:inline-block;margin-right:6px}.contact .contact__field-error svg{fill:#ef4444;width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-contact-form.css.map */