.fieldGenerator{display:flex;flex-direction:column-reverse;width:100%}.code-generator--wrapper small{font-size:x-small}.code-generation--description{padding:1rem 0 2rem;display:flex;gap:1rem;flex-direction:column}.code-generation--description p,.code-generation--description ul{margin:0}.code-generation--description a{color:#e08bfd;text-underline-offset:2px}.code-generator--header h1.h1{background:var(--dark-blue);color:#fff;text-align:center;padding:1rem}.fieldGenerator .code-generator--wrapper{width:100%;display:grid;grid-template-columns:minmax(400px,60%) 1fr;gap:2rem}.locationContainer{display:flex;line-height:1.2;margin-left:.5rem}.fieldGenerator .code-generator--wrapper .firstColumn,.fieldPreviewBox,.donateContainer,.codePreviewBox{border:2px solid #e9e9ed;border-radius:1rem;padding:1rem;height:100%}.fieldGenerator .code-generator--wrapper .firstColumn{display:flex;gap:1rem;flex-direction:column}.secondColumn{gap:2rem;display:flex;flex-direction:column}.donateContainer{font-family:Oooh Baby,sans-serif;font-size:clamp(1.6rem,2vw,1.9rem);font-weight:600;line-height:1.5;letter-spacing:1.5px}.donateContainer p{margin-top:0;margin-bottom:1.5rem}.donateContainer a{background:var(--pink);border:5px solid transparent;transition:all .1s linear;color:#000;font-weight:600;padding:0 10px;border-radius:2px;text-decoration:none;display:block;width:max-content;height:max-content;margin:1rem auto;font-style:normal;font-family:Verdana Pro,sans-serif;font-size:1.6rem}.donateContainer a:hover{color:#fff;background:var(--dark-blue);transform:translateY(-5px)}.code-generator--header>*{margin:0}.code-generator--wrapper h2{color:var(--dark-blue);margin:0;font-weight:600}.instructions{padding-left:2rem}.instructions mark{background:#caefff;padding:2px 3px}.fieldGenerator form{display:flex;flex-direction:column;gap:5px}.fieldGenerator .formField{width:100%;max-width:max-content;display:flex;align-items:center;gap:10px}.formField label[for=selectLocation]{white-space:nowrap}.formField select,.formField input,.fieldColumn input,.formField fieldset,.fieldColumn textarea{border:2px solid #e9e9ed}.fieldColumn{width:100%;display:flex;gap:10px;flex-direction:column}.formField select,.formField [type=text]{margin:auto;padding:2px 3px}.formField>label>*{word-wrap:break-word}.codePreviewBox{width:100%;grid-area:2/1/2/3}.codePreviewBox .codePreview{word-wrap:break-word;border:1px solid #dfdfdf;background:var(--dark-blue);color:#fff;border-radius:10px;padding:10px}.copyButton--container{display:flex;gap:1rem;height:max-content;align-items:center}.codePreviewBox--heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.codePreviewBox--heading .copyButton{display:inline-flex;align-items:center;background:#fff;color:var(--dark-blue);border:1px solid var(--dark-blue);padding:5px 10px;border-radius:5px;height:40px;gap:.5rem;cursor:pointer;z-index:1}.codePreviewBox--heading .copyButton[disabled]{opacity:.3;cursor:not-allowed}.codePreviewBox svg{width:30px;fill:var(--dark-blue)}.codePreviewBox--heading .copyButton:hover{background:var(--dark-blue);color:#fff}.codePreviewBox--heading .copyButton:hover svg{fill:#fff}span.copy--tooltip{z-index:0;opacity:0;transform:translate(150%);color:#55cd55;font-weight:700;font-size:18px}span.copy--tooltip.activeTooltip{animation:slide 4s}.code-generation--description h3{margin-bottom:.7rem}@keyframes slide{0%{-webkit-transform:translateX(150%);transform:translate(150%);opacity:0}20%{opacity:1}30%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}70%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}90%{-webkit-transform:translateX(150%);transform:translate(150%);opacity:0}to{-webkit-transform:translateX(150%);transform:translate(150%);opacity:0}}@media only screen and (max-width: 990px){.fieldGenerator .secondColumn,.fieldGenerator .code-generator--wrapper,.fieldGenerator .codePreviewBox--heading{display:flex;flex-direction:column}.fieldGenerator .copyButton--container{justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/285/assets/field-generator.css.map */