@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background-color:#007aff;color:#fff}#root,body,html{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:16px;font-style:normal;font-weight:300;height:100%;margin:0;padding:0;width:100%}img{display:block;height:auto;width:100%}h1{font-optical-sizing:auto;font-size:42px;font-style:normal;font-weight:300;margin:0 0 30px;padding:0}button,h1,input{width:100%}button,h2,h3,h4,h5,h6,input,ol,p,span,textarea,ul{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:16px;font-style:normal;font-weight:300;margin:0;padding:0}p{margin:30px 0 0}a,a.active,a.visited{color:#007aff}.iframe-wrapper{border-radius:12px;box-shadow:0 8px 20px #dbdde6;max-width:600px;overflow:hidden;padding-top:100%;position:relative;width:100%}.iframe-inner{height:88.889%;left:5.555%;position:absolute;top:5.555%;width:88.889%}.widget{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.product{margin:30px 0 0}.weather-description h3{color:#afb1b8}.flex{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.flex.justify-content-flex-start{justify-content:flex-start}.flex.align-items-flex-start{align-items:flex-start}.flex.gap-15{gap:15px}.flex .item{width:50%}.flex .item .container{margin:0 auto;max-width:600px;padding:60px 0;width:calc(100% - 120px)}.flex .product-image{border-radius:12px;box-shadow:0 8px 20px #dbdde6;height:auto;margin:5px 0 0;padding:10px;width:100px}.flex. product-image img{height:auto;width:102px}.input-helper{color:#000;font-size:14px;margin:0}.input-helper span{color:#007aff;cursor:pointer;font-size:14px;text-decoration:underline}.input-helper span.grey{color:#000}.location-link{text-decoration:none}.location-link span{text-decoration:underline}.error{color:red}button,input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;box-shadow:none;box-sizing:border-box;color:inherit;font:inherit;margin:0;outline:none;padding:0}label{display:block;margin:30px 0 0}input,textarea{border:1px solid #dbdde6;border-radius:12px;height:54px;margin:10px 0;padding:0 15px;width:100%}input::placeholder{color:#dbdde6;opacity:1}textarea{text-wrap:wrap;color:#dbdde6;height:135px;padding:10px 15px;resize:none}button{background:#000;border-radius:12px;color:#fff;height:54px;margin:30px 0 10px;padding:0 30px;transition:all .3s ease-in-out,color .3s ease-in-out;width:140px}button:hover{background-color:#333;cursor:pointer}button.reset{background:#fff;border:1px solid #dbdde6;color:#afb1b8}button.reset:hover{background:#fff;border:1px solid #000;color:#000}.code-copy-wrapper{align-items:center;display:flex;margin-bottom:10px;max-width:100%;position:relative}.code-copy-wrapper button{background:none;border:none;color:#000;cursor:pointer;height:20px;margin:0;padding:0;position:absolute;right:10px;top:20px;width:20px}.tooltip{pointerEvents:none;userSelect:none;background-color:#000;border-radius:6px;color:#fff;font-size:14px;padding:6px 12px;position:absolute;right:-15px;top:-15px;transition:opacity .4s ease-in-out;z-index:10,}.live-preview-label{align-items:center;display:flex;gap:10px;margin:0 0 10px}.dot{animation:pulse 1.5s infinite;background-color:red;border-radius:50%;height:8px;margin-top:2px;width:8px}@keyframes pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.75;transform:scale(1.1)}to{opacity:1;transform:scale(.9)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff}@media only screen and (max-width:1023px){body{padding:30px 0 60px}.flex{align-items:flex-start;flex-direction:column;justify-content:flex-start}.flex>.item{max-width:100%;width:100%!important}.flex .item .container{padding:0 0 30px;width:calc(100% - 60px)}h1{font-size:24px}.flex .product-image{border-radius:12px;padding:6px;width:60px}.flex .product-image img{width:60px}.mobile-flex{flex-direction:row}.input-helper,.input-helper span,.tooltip{font-size:14px}}
/*# sourceMappingURL=main.b20c26ed.css.map*/