.dyot{position:relative;background:#fff;color:#000;padding:100px 24px;overflow:hidden}.dyot__noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(255,60,60,.07),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05),transparent 45%)}.dyot__container{position:relative;max-width:760px;margin:0 auto;z-index:1}.dyot__head{text-align:center;margin-bottom:48px}.dyot__eyebrow{display:inline-block;font-size:12px;letter-spacing:.35em;text-transform:uppercase;color:#000;font-weight:700;margin-bottom:16px}.dyot__heading{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1.05;margin:0 0 16px}.dyot__desc{font-size:16px;line-height:1.6;color:#000;max-width:460px;margin:0 auto}.dyot__success,.dyot__error{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:4px;font-size:14px;margin-bottom:24px}.dyot__success{background:#3cc8781f;border:1px solid rgba(60,200,120,.4);color:#6ee7a0}.dyot__error{background:#ff3b3b1a;border:1px solid rgba(255,59,59,.4);color:#ff8080}.dyot__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.dyot__field--full{grid-column:1 / -1}.dyot__field{display:flex;flex-direction:column;gap:8px}.dyot__field label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#000;font-weight:600}.dyot__field input,.dyot__field select,.dyot__field textarea{background:#fff;border:1px solid #000;color:#000;padding:14px 16px;font-size:15px;border-radius:2px;font-family:inherit;transition:border-color .2s ease,background .2s ease;resize:vertical}.dyot__field input:focus,.dyot__field select:focus,.dyot__field textarea:focus{outline:none;border-color:#ff3b3b;background:#fff}.dyot__field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.dyot__note{font-size:12.5px;line-height:1.5;color:#000;margin:-4px 0 0}.dyot__upload{position:relative}.dyot__upload-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.dyot__upload-box{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px dashed #000;color:#000;padding:18px 16px;border-radius:2px;transition:border-color .2s ease,background .2s ease}.dyot__upload:hover .dyot__upload-box{border-color:#000;background:#fff}.dyot__upload-box--has-file{border-style:solid;border-color:#000;color:#000}.dyot__upload-text{font-size:14px}.dyot__upload-box--has-file .dyot__upload-text{display:none}.dyot__upload-filename{font-size:14px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyot__upload-status{display:block;font-size:12.5px;margin-top:8px;color:#000}.dyot__upload-status--error{color:#ff8080}.dyot__submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:32px;background:#000;color:#fff;border:none;padding:17px 24px;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:transform .15s ease,background .2s ease}.dyot__submit:hover{background:#fff;color:#000;transform:translateY(-2px);border:1px solid #000}.dyot__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.dyot__submit svg{transition:transform .2s ease}.dyot__submit:hover svg{transform:translate(3px)}@media(max-width:640px){.dyot{padding:64px 18px}.dyot__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/design-your-own-tee.css.map */