@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/fonts/open-sans-v17-latin-300.woff2) format("woff2"),url(/fonts/open-sans-v17-latin-300.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/fonts/open-sans-v17-latin-regular.woff2) format("woff2"),url(/fonts/open-sans-v17-latin-regular.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/fonts/open-sans-v17-latin-600.woff2) format("woff2"),url(/fonts/open-sans-v17-latin-600.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(/fonts/open-sans-v17-latin-700.woff2) format("woff2"),url(/fonts/open-sans-v17-latin-700.woff) format("woff")}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-BlackItalic-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-BlackItalic-Web.woff) format("woff");font-weight:900;font-style:italic;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Black-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Black-Web.woff) format("woff");font-weight:900;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-ExtraboldItalic-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-ExtraboldItalic-Web.woff) format("woff");font-weight:800;font-style:italic;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Extrabold-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Extrabold-Web.woff) format("woff");font-weight:800;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-BoldItalic-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-BoldItalic-Web.woff) format("woff");font-weight:700;font-style:italic;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Bold-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Bold-Web.woff) format("woff");font-weight:700;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-MediumItalic-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-MediumItalic-Web.woff) format("woff");font-weight:500;font-style:italic;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Medium-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Medium-Web.woff) format("woff");font-weight:500;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Italic-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Italic-Web.woff) format("woff");font-weight:400;font-style:italic;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Roman-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Roman-Web.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-LightItalic-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-LightItalic-Web.woff) format("woff");font-weight:300;font-style:italic;font-stretch:normal;font-display:swap}@font-face{font-family:Publico Headline Web;src:url(/fonts/PublicoHeadline-Light-Web.woff2) format("woff2"),url(/fonts/PublicoHeadline-Light-Web.woff) format("woff");font-weight:300;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:SuomiHand-Script;src:url(/fonts/SuomiHand-Script.eot);src:url(/fonts/SuomiHand-Script.eot) format("embedded-opentype"),url(/fonts/SuomiHand-Script.woff) format("woff"),url(/fonts/SuomiHand-Script.ttf) format("truetype");font-display:swap}.black{color:#000}.darkpurple{color:#271833}.purple{color:#372348}.lightpurple{color:#503169}.blue{color:#4120b6}.reallylightblue{color:#dbdfff}.mikeOrange{color:#ff5039}.samiiGreen{color:#38ff9e}.yellow{color:#fff799}.grey{color:#707070}.darkwhite{color:#f7fbff}.white{color:#fff}.logo{display:block;max-height:85px;max-width:225px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@media (min-width:1280px) and (max-width:1700px){.logo{max-height:65px;max-width:205px}}@media (min-width:1024px) and (max-width:1279px){.logo{max-height:65px;max-width:195px}}@media (min-width:768px) and (max-width:1023px){.logo{max-height:65px;max-width:195px}}@media (max-width:767px){.logo{max-height:42px;max-width:130px}}.codeGen{margin:0 auto;max-width:1180px;padding-top:100px;padding-bottom:100px;background:#fff;position:relative;display:grid;grid-row-gap:50px}@media (min-width:1024px) and (max-width:1279px){.codeGen{width:92%}}@media (min-width:768px) and (max-width:1023px){.codeGen{width:92%}}@media (max-width:767px){.codeGen{width:92%}}@media (min-width:1024px) and (max-width:1279px){.codeGen{padding-top:85px}}@media (min-width:768px) and (max-width:1023px){.codeGen{padding-top:85px}}@media (max-width:767px){.codeGen{padding-top:60px}}@media (min-width:1024px) and (max-width:1279px){.codeGen{padding-bottom:85px}}@media (min-width:768px) and (max-width:1023px){.codeGen{padding-bottom:85px}}@media (max-width:767px){.codeGen{padding-bottom:60px;max-width:100%}}.codeGen__background{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:0 auto;max-width:1180px;background-image:url(https://res.cloudinary.com/moneypenny/image/upload/v1/US/Resources/comm-venn.svg);background-repeat:no-repeat;background-size:cover;background-position:50% 0;overflow:hidden;width:100%;height:315px}@media (min-width:1024px) and (max-width:1279px){.codeGen__background{width:92%}}@media (min-width:768px) and (max-width:1023px){.codeGen__background{width:92%}}@media (max-width:767px){.codeGen__background{width:92%}}@media (min-width:1024px) and (max-width:1279px){.codeGen__background{bottom:-100px}}@media (min-width:768px) and (max-width:1023px){.codeGen__background{bottom:-150px;background-size:contain}}@media (max-width:767px){.codeGen__background{bottom:-100px;max-width:100%}}.codeGen__title{color:#1c0d4f;text-align:center;margin:0}@media (min-width:1701px){.codeGen__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:60px;font-weight:400;line-height:73px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:50px;font-weight:400;line-height:63px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:50px;font-weight:400;line-height:63px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:50px;font-weight:400;line-height:63px;letter-spacing:0}}@media (max-width:767px){.codeGen__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:30px;font-weight:400;line-height:43px;letter-spacing:0}}.codeGen__section{background:#fff;-webkit-box-shadow:0 0 39px rgba(0,0,0,.1607843137254902);box-shadow:0 0 39px rgba(0,0,0,.1607843137254902);border-radius:10px;padding:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;display:grid;grid-template-columns:1fr;position:relative;min-height:180px;min-width:255px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.codeGen__section--example{grid-template-columns:305px 1fr;grid-column-gap:21px}@media (min-width:1024px) and (max-width:1279px){.codeGen__section--example{grid-template-columns:1fr;grid-template-rows:auto auto;grid-row-gap:25px}}@media (min-width:768px) and (max-width:1023px){.codeGen__section--example{grid-template-columns:1fr;grid-template-rows:auto auto;grid-row-gap:25px}}@media (max-width:767px){.codeGen__section--example{grid-template-columns:1fr;grid-template-rows:auto auto;grid-row-gap:25px}}.codeGen__section--extended{width:75%}.codeGen__section--extended .codeGen__section__left__option{max-width:80%;margin:auto}.codeGen__section--extended .codeGen__section__left__option__input{width:calc(100% - 25px)}.codeGen__section__hide{position:absolute;color:#1c0d4f;top:0;right:5px;margin:0;cursor:pointer;z-index:10}@media (min-width:1701px){.codeGen__section__hide{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__hide{font-family:Open Sans,sans-serif;font-size:11px;font-weight:300;line-height:21px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__hide{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__hide{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__hide{font-family:Open Sans,sans-serif;font-size:13px;font-weight:400;line-height:23px;letter-spacing:0}}.codeGen__section__left{grid-column:1;position:relative;overflow:hidden;width:100%}.codeGen__section__left__option{display:grid;grid-template-columns:auto auto;grid-row-gap:25px;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;grid-column-gap:21px;position:relative;max-width:305px}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option{margin:0 auto}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option{margin:0 auto}}@media (max-width:767px){.codeGen__section__left__option{margin:0 auto}}.codeGen__section__left__option--finalStep{position:relative}.codeGen__section__left__option__title{color:#1c0d4f;text-align:center;margin:0;grid-column:1/3}@media (min-width:1701px){.codeGen__section__left__option__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:26px;font-weight:400;line-height:33px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:26px;font-weight:400;line-height:33px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:20px;font-weight:400;line-height:27px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:20px;font-weight:400;line-height:27px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__title{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:20px;font-weight:400;line-height:27px;letter-spacing:0}}.codeGen__section__left__option__text{color:#1c0d4f;text-align:center;margin:0;grid-column:1/3;resize:none}@media (min-width:1701px){.codeGen__section__left__option__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:23px;font-weight:400;line-height:30px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:20px;font-weight:400;line-height:27px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}.codeGen__section__left__option__text--checkbox{grid-column:2}.codeGen__section__left__option__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #707070;border-radius:4px;outline:none;color:#1c0d4f;padding:5px 40px 5px 12px;cursor:pointer;position:relative;background-image:url(https://res.cloudinary.com/moneypenny/image/upload/v1/US/Icons/icon_inline_chevron_blue.svg);background-repeat:no-repeat;background-size:20px;background-position:93% 50%;grid-column:1/3}@media (min-width:1701px){.codeGen__section__left__option__select{font-family:Open Sans,sans-serif;font-size:17px;font-weight:300;line-height:27px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__select{font-family:Open Sans,sans-serif;font-size:15px;font-weight:300;line-height:25px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__select{font-family:Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:24px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__select{font-family:Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:24px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__select{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0}}.codeGen__section__left__option__select.shake{-webkit-animation:shake .2s linear;animation:shake .2s linear}.codeGen__section__left__option__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #707070;border-radius:4px;color:#1c0d4f;padding:5px 12px;cursor:pointer;position:relative;grid-column:1/3;outline:none;resize:none}@media (min-width:1701px){.codeGen__section__left__option__input{font-family:Open Sans,sans-serif;font-size:17px;font-weight:300;line-height:27px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__input{font-family:Open Sans,sans-serif;font-size:15px;font-weight:300;line-height:25px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__input{font-family:Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:24px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__input{font-family:Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:24px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__input{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0}}.codeGen__section__left__option__input.shake{-webkit-animation:shake .2s linear;animation:shake .2s linear}.codeGen__section__left__option__list{grid-column:1/3;display:grid;grid-row-gap:5px}.codeGen__section__left__option__list__text{margin:0;color:#1c0d4f;text-align:left}@media (min-width:1701px){.codeGen__section__left__option__list__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:19px;font-weight:400;line-height:26px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__list__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:19px;font-weight:400;line-height:26px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__list__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__list__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__list__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:15px;font-weight:400;line-height:22px;letter-spacing:0}}.codeGen__section__left__option__list__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #707070;border-radius:4px;color:#1c0d4f;padding:5px 12px;cursor:pointer;position:relative;grid-column:1/3;outline:none;resize:none}@media (min-width:1701px){.codeGen__section__left__option__list__input{font-family:Open Sans,sans-serif;font-size:17px;font-weight:300;line-height:27px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__list__input{font-family:Open Sans,sans-serif;font-size:15px;font-weight:300;line-height:25px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__list__input{font-family:Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:24px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__list__input{font-family:Open Sans,sans-serif;font-size:14px;font-weight:300;line-height:24px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__list__input{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0}}.codeGen__section__left__option__list__input.shake{-webkit-animation:shake .2s linear;animation:shake .2s linear}.codeGen__section__left__option__checkbox{grid-column:1/3;display:grid;grid-template-columns:auto 1fr;grid-column-gap:21px}.codeGen__section__left__option__checkbox__input{height:20px;width:20px;border:1px solid #707070;margin:auto 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;cursor:pointer;position:relative;grid-column:1}.codeGen__section__left__option__checkbox__input:checked{background-color:#1c0d4f;border:1px solid #1c0d4f;background-image:url(https://res.cloudinary.com/moneypenny/image/upload/f_auto/v1/US/Icons/check.png);background-size:contain;background-position:50% 50%;background-repeat:no-repeat}.codeGen__section__left__option__checkbox__text{color:#1c0d4f;margin:0;text-align:left}@media (min-width:1701px){.codeGen__section__left__option__checkbox__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:19px;font-weight:400;line-height:26px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__section__left__option__checkbox__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:19px;font-weight:400;line-height:26px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__left__option__checkbox__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__left__option__checkbox__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0}}@media (max-width:767px){.codeGen__section__left__option__checkbox__text{font-family:Publico Headline Web,Georgia,Times,Times New Roman,serif;font-size:15px;font-weight:400;line-height:22px;letter-spacing:0}}.codeGen__section__left__option__cta{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto}.codeGen__section__left__option__cta--solo{grid-column:1/3}.codeGen__section__right{grid-column:2;position:relative;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:500px}@media (min-width:1024px) and (max-width:1279px){.codeGen__section__right{grid-column:1}}@media (min-width:768px) and (max-width:1023px){.codeGen__section__right{grid-column:1}}@media (max-width:767px){.codeGen__section__right{grid-column:1}}.codeGen__section__right__example{position:relative;height:-webkit-max-content;height:-moz-max-content;height:max-content}.codeGen__section__right__example img{max-width:500px}@media (max-width:767px){.codeGen__section__right__example img{max-width:305px}}.codeGen__code{background:#fff;-webkit-box-shadow:0 0 39px rgba(0,0,0,.1607843137254902);box-shadow:0 0 39px rgba(0,0,0,.1607843137254902);border-radius:10px;padding:20px;width:70%;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:0 auto;z-index:5;display:grid;grid-template-columns:1fr auto;grid-row-gap:25px}.codeGen__code__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:#1c0d4f;margin:0;text-align:left;grid-column:1/3;resize:none;outline:none}@media (min-width:1701px){.codeGen__code__text{font-family:Open Sans,sans-serif;font-size:16px;font-weight:300;line-height:26px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__code__text{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__code__text{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__code__text{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (max-width:767px){.codeGen__code__text{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:21px;letter-spacing:0}}.codeGen__code__cta{grid-column:2;display:grid;grid-column-gap:21px;grid-auto-flow:column}@media (max-width:767px){.codeGen__code__cta{grid-column:1/3;margin:0 auto;width:-webkit-max-content;width:-moz-max-content;width:max-content}}.codeGen__code__copied{grid-column:1;grid-row:2;align-self:end;color:#707070;margin:0;text-align:left}@media (min-width:1701px){.codeGen__code__copied{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (min-width:1280px) and (max-width:1700px){.codeGen__code__copied{font-family:Open Sans,sans-serif;font-size:11px;font-weight:300;line-height:21px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1279px){.codeGen__code__copied{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__code__copied{font-family:Open Sans,sans-serif;font-size:13px;font-weight:300;line-height:23px;letter-spacing:0}}@media (max-width:767px){.codeGen__code__copied{font-family:Open Sans,sans-serif;font-size:13px;font-weight:400;line-height:23px;letter-spacing:0}}@media (min-width:768px) and (max-width:1023px){.codeGen__code__copied{grid-column:1/3;grid-row:3}}@media (max-width:767px){.codeGen__code__copied{grid-column:1/3;grid-row:3}}.change-enter-active{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s}.change-enter-active,.change-leave-active{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.change-enter-to,.change-leave{height:auto;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.change-enter,.change-leave-to{height:0;opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}.codeGen-enter-active,.codeGen-leave-active{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.codeGen-enter-to,.codeGen-leave{max-width:550px;opacity:1}@media (min-width:1024px) and (max-width:1279px){.codeGen-enter-to,.codeGen-leave{max-width:auto;max-height:200px}}@media (min-width:768px) and (max-width:1023px){.codeGen-enter-to,.codeGen-leave{max-width:auto;max-height:200px}}@media (max-width:767px){.codeGen-enter-to,.codeGen-leave{max-width:auto;max-height:200px}}.codeGen-enter,.codeGen-leave-to{max-width:0;opacity:0}@media (min-width:1024px) and (max-width:1279px){.codeGen-enter,.codeGen-leave-to{max-width:550px;max-height:0}}@media (min-width:768px) and (max-width:1023px){.codeGen-enter,.codeGen-leave-to{max-width:550px;max-height:0;max-width:345px}}.codeGenDown-enter-active{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.codeGenDown-enter-active,.codeGenDown-leave-active{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.codeGenDown-enter-to,.codeGenDown-leave{height:auto;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.codeGenDown-enter,.codeGenDown-leave-to{height:0;opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}75%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}75%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}