:root{--color-dark-gray:#717a7f;--color-gray:#ebebeb;--color-light-gray:#fafafa;--color-black:#0e232d;--color-red:#e5122e}ol,p,ul{font-weight:400}h2{font-size:36px}.site-container{background-color:#fff;overflow:hidden;header{position:relative;z-index:9999}}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;a{color:var(--color-dark-gray);text-decoration:none;&:last-child{color:var(--color-black)}}@media screen and (max-width:800px){font-size:.85rem;gap:.25rem;span{display:none}svg{width:10px}}}#site-main{padding-block:0!important;border-top:1px solid #e0e0e0;@media screen and (max-width:800px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}}#site-main:has(#sidebar){padding-left:0;padding-block:.25rem;min-height:500px;max-width:none;display:grid;grid-template-columns:297px 1fr;@media screen and (max-width:800px){display:block;overflow:hidden}.open-sidebar{border:1px solid var(--color-light-gray);border-radius:8px;color:#49555b;margin-inline:1rem;margin-top:2rem;padding:12px 16px;display:none;justify-content:space-between;align-items:center;box-shadow:0 1px 4px 0 rgba(12,12,13,.050980392156862744);cursor:pointer;@media screen and (max-width:800px){display:flex}}#sidebar{padding:2rem 1rem 1rem;.mobile{display:none}.close{position:absolute;right:34px;top:50px;cursor:pointer;&:hover{path{fill:#e5122e}}}@media screen and (max-width:800px){position:sticky;top:0;background-color:#fff;width:100%;height:100vh;padding-top:80px;border-bottom-color:var(--color-gray);border-bottom-style:solid;border-bottom-width:1px;z-index:999;display:none;.mobile{display:block}}div{header{color:var(--color-red);text-transform:uppercase;font-weight:700}ul{margin-left:0;li{a{color:var(--color-black);padding:1rem;display:flex;justify-content:space-between;border-left:1px solid var(--color-gray);font-size:16px;line-height:18px;&.active{background-color:var(--color-light-gray);border-color:var(--color-red)}span{color:var(--color-red);background-color:rgba(229,18,46,.10196078431372549);padding:2px 9px;border-radius:3px}}}}}}.library-list{padding-block:2rem 4rem;padding-left:3vw;width:100%;max-width:none;margin-inline:auto;border-left:1px solid var(--color-gray);@media screen and (max-width:800px){padding-inline:1rem}.library-headline{text-align:start;p{margin:0;max-width:52rem}}}}.library-seo-content{display:grid;grid-template-columns:1fr 3fr;row-gap:20px;-moz-column-gap:40px;column-gap:40px;padding-bottom:4rem;padding-top:4rem;grid-column:2;h1,h2{grid-column:1;align-self:start;margin:0 0 -100%;font-weight:700;font-size:32px!important;aside{padding-top:10px;padding-left:0;margin-left:0;font-size:20px;font-weight:300}}h3{font-weight:400;font-size:28px!important}aside{margin:0;grid-column:1;align-self:start;padding:0;margin:0!important}img{width:100%}h2:not(.test){margin-top:4rem;+*{margin-top:4.4rem}@media screen and (max-width:800px){margin-top:2rem;+*{margin-top:2rem}}}>div,>h3,>ol,>p,>ul{grid-column:2;max-width:1200px}>p{margin:0}ul:not(.small){list-style:none;display:flex;flex-direction:column;gap:2rem;margin:0}ul:not(.small)>li{position:relative;padding-left:60px;min-height:52px;&:before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;background-image:url(/img/check-mark.svg);background-size:20px;background-position:50%;background-repeat:no-repeat;padding:22px;background-color:#feecef;border-radius:4px}@media screen and (max-width:800px){&:before{padding:18px}}}ol:not(.small){counter-reset:item;list-style:none;display:flex;flex-direction:column;gap:1rem;margin:0;li:not(:last-child){border-bottom:1px solid #e0e0e0;padding-bottom:32px}li{counter-increment:item;margin-bottom:10px;position:relative;padding-left:60px;min-height:70px;&:before{content:counter(item);color:var(--color-red);background-color:#feecef;border-radius:4px;height:40px;width:40px;position:absolute;left:0;top:4px;font-weight:700;display:flex;align-items:center;justify-content:center}}}@media screen and (max-width:880px){display:flex;flex-direction:column;h1,h2{margin-bottom:1rem;+*{margin-top:0!important}}}}#site-main:has(#sidebar){.library-seo-content{border-top:1px solid var(--color-gray);border-left:1px solid var(--color-gray);padding-left:3vw}}section.single-form-intro{margin-bottom:4rem;div{max-width:44rem}}section.single-form-code{margin-bottom:2rem;.filters{gap:1rem;justify-content:end;margin-bottom:1rem;@media screen and (max-width:800px){gap:0}@media screen and (max-width:440px){justify-content:space-between}#prev-code{align-items:center;background-color:var(--color-gray);border-radius:8px;padding:5px;width:-moz-fit-content;width:fit-content;margin-right:1rem;div{align-items:center;gap:5px;padding:5px 10px;cursor:pointer;&.active{background-color:#fff;border-radius:8px}}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none!important;outline:none;background:url(/img/arrow-down.svg) no-repeat right 10px center;background-size:10px;padding-right:30px;text-align:center;&:focus{border:none;outline:none}}}.preview-container{background-color:var(--color-gray);border-radius:20px;display:none;padding:20px;height:30rem;&.active{display:flex}iframe{background-color:#fff;color:#717a7f;max-width:800px;margin-inline:auto;padding:20px;border-radius:20px;height:100%;width:100%}}.code-container{display:none;background-color:#1b202b;color:#fff;border-radius:20px;overflow:hidden;&.active{display:block;.html{display:none;&.active{display:block}&.hidden{display:none!important}}.react{display:none;&.active{display:block}}}&.hidden,.hidden{display:none!important}pre{display:flex!important;flex-direction:column;div{height:44px;background-color:#28373e;border-bottom:1px solid #323948;position:relative;justify-content:space-between;small{position:absolute;align-items:center;font-size:15px}small:first-of-type{left:20px;top:12px;img{filter:brightness(200);margin-bottom:2px}}small:last-of-type{right:20px;top:10px;cursor:pointer}}code{padding:20px;display:block;white-space:pre-wrap;max-height:300px;overflow:hidden;transition:max-height .3s ease}.show-more{background-color:#1b202b;border-top:1px solid #28373e;padding:6px 20px;cursor:pointer;&:hover{text-decoration:underline}}}}}.how-to-use,.how-to-use-shopify,.how-to-use-webflow{display:grid;grid-template-columns:1fr 3fr;gap:4rem;padding-block:4rem;@media screen and (max-width:800px){grid-template-columns:1fr;gap:1rem}>div{h2{margin-top:2rem}p{max-width:300px}}ol{counter-reset:item;list-style:none;display:flex;flex-direction:column;@media screen and (max-width:499px){max-width:calc(100% - 90px);margin-left:0}li:not(:last-child){border-bottom:1px solid #e0e0e0}li{counter-increment:item;position:relative;padding-left:60px;word-break:break-word;&:before{content:counter(item);color:var(--color-red);background-color:#feecef;border-radius:4px;height:40px;width:40px;position:absolute;left:0;top:26px;font-weight:700;display:flex;align-items:center;justify-content:center}h4{text-transform:none;font-weight:500}p span{color:var(--color-red);text-decoration:underline}}}}.how-to-use-shopify,.how-to-use-webflow{display:none}.integration-guides{display:grid;grid-template-columns:1fr 3fr;gap:4rem;padding-block:4rem;background-color:var(--color-light-gray);position:relative;&:before{content:"";position:absolute;width:200vw;height:100%;left:0;top:0;transform:translateX(-50%);background-color:var(--color-light-gray)}div{z-index:2}@media screen and (max-width:800px){grid-template-columns:1fr;gap:2rem}h2{margin-top:0}div:nth-child(2){display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;@media screen and (max-width:1200px){grid-template-columns:1fr 1fr;gap:1rem}@media screen and (max-width:500px){grid-template-columns:1fr;gap:1rem}>a:first-child>img,>a:nth-child(4)>img{filter:brightness(0)}>a:nth-child(4)>img{width:60px}>a:nth-child(6)>img{filter:brightness(0);width:105px}>a{background-color:#fff;border:1px solid #ebebeb;border-radius:20px;box-shadow:0 4px 6px 0 hsla(0,0%,89.4%,.25098039215686274);padding:1rem;height:200px;display:flex;flex-direction:column;justify-content:space-evenly;img{max-width:150px;max-height:60px;margin-bottom:1rem}h4,p{margin:0;text-transform:none;text-decoration:underline;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;color:#49555b}}}}.faq-section{display:grid;grid-template-columns:1fr 3fr;gap:4rem;padding-block:4rem;@media screen and (max-width:800px){grid-template-columns:1fr;gap:2rem}.faq-list,h2{margin:0}.faq-list{list-style:none;li{cursor:pointer;border-bottom:1px solid #e0e0e0;padding-right:45px;padding-block:26px;position:relative;&:after{content:"+";font-size:30px;font-weight:100;color:var(--color-red);padding:0 10px 4px;border-radius:4px;background-color:#feecef;position:absolute;right:0;top:14px}p{display:none;margin-block:20px 0}}li.active{&:after{content:"-";padding:0 13px 4px}p{display:block}}}}.card-list{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin:0;max-width:1800px;@media screen and (max-width:1280px){grid-template-columns:1fr 1fr}@media screen and (max-width:800px){grid-template-columns:1fr}.card{box-shadow:0 4px 6px 0 hsla(0,0%,89.4%,.25098039215686274);border-radius:15px;border:1px solid var(--color-gray);overflow:hidden;max-width:500px;@media screen and (max-width:800px){margin-inline:auto}a{color:var(--color-black);text-decoration:none;.img-container{background-color:var(--color-gray);border-bottom:1px solid var(--color-gray);height:-moz-fit-content;height:fit-content;figure{align-items:end;height:100%;padding:2rem 1rem 0}img{width:100%;border-radius:10px 10px 0 0}}.card-details{padding:1rem;flex-grow:1;justify-content:space-between;h3{text-transform:none;font-size:1.414rem;margin:0}p{color:var(--color-dark-gray);margin-top:.75rem}span{color:var(--color-red);font-weight:700;gap:10px;align-items:center}}}}}.card-list-2{grid-template-columns:1fr 1fr;@media screen and (max-width:500px){grid-template-columns:1fr}.card{max-width:700px;figure{justify-content:center;img{width:80%!important}}}}.more-forms{margin-bottom:4rem;h2{margin-bottom:2rem}}.copy-confirmation{position:fixed;top:50%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .5s ease-in-out;z-index:1000}.copy-confirmation.show{opacity:1}#site-main:has(#sidebar)+footer{margin-top:0!important;padding-top:5rem;border-top:1px solid #e0e0e0}
/*# sourceMappingURL=/library.css.map */