{"title":"Peanuts X Best Friends","description":"\u003cstyle\u003e\n\n\/* Best Friends Form Styles for HubSpot *\/\n\n.bf-form-styles-hubspot {\n\n    padding: 0px 64px;\n\n    font-family: \"Open Sans\", sans-serif;\n\n}\n \n\/* Heading Styles *\/\n\n.bf-form-styles-hubspot h3,\n\n.bf-form-styles-hubspot .hs-form-field legend {\n\n    font-size: 32px;\n\n    font-weight: 700;\n\n    color: rgb(41, 41, 41);\n\n    margin-bottom: 0px;\n\n    margin-top: 0px;\n\n    font-family: \"Open Sans\", sans-serif;\n\n    line-height: 38px;\n\n}\n \n\/* Paragraph\/Description Styles *\/\n\n.bf-form-styles-hubspot p,\n\n.bf-form-styles-hubspot .hs-form-field .hs-field-desc {\n\n    font-size: 16px;\n\n    color: rgb(44, 44, 44);\n\n    margin-bottom: 16px;\n\n    line-height: normal;\n\n    font-family: \"Open Sans\", sans-serif;\n\n}\n \n\/* Form Container *\/\n\n.bf-form-styles-hubspot form,\n\n.bf-form-styles-hubspot .hs-form {\n\n    display: flex;\n\n    flex-direction: row;\n\n    flex-wrap: wrap;\n\n    gap: 0;\n\n    padding: 0px;\n\n}\n \n\/* Field Wrapper\/Group Styles *\/\n\n.bf-form-styles-hubspot .hs-form-field,\n\n.bf-form-styles-hubspot .hs-form-field-group,\n\n.bf-form-styles-hubspot .field {\n\n    margin-bottom: 16px;\n\n    display: block;\n\n}\n \n\/* Label Styles *\/\n\n.bf-form-styles-hubspot label,\n\n.bf-form-styles-hubspot .hs-form-field label {\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    color: rgb(54, 54, 54);\n\n    margin-bottom: 0px;\n\n    font-family: \"Open Sans\", sans-serif;\n\n    display: block;\n\n}\n \n\/* Input Field Styles *\/\n\n.bf-form-styles-hubspot input[type=\"text\"],\n\n.bf-form-styles-hubspot input[type=\"email\"],\n\n.bf-form-styles-hubspot input[type=\"tel\"],\n\n.bf-form-styles-hubspot input[type=\"number\"],\n\n.bf-form-styles-hubspot textarea,\n\n.bf-form-styles-hubspot select,\n\n.bf-form-styles-hubspot .hs-input {\n\n    padding: 6px 8px 7px;\n\n    border: 1px solid rgb(136, 136, 136);\n\n    border-radius: 0px;\n\n    font-size: 16px;\n\n    font-family: Arial;\n\n    background-color: rgb(255, 255, 255);\n\n    color: rgb(44, 44, 44);\n\n    line-height: 22px;\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n}\n \n\/* Focus State for Input Fields *\/\n\n.bf-form-styles-hubspot input[type=\"text\"]:focus,\n\n.bf-form-styles-hubspot input[type=\"email\"]:focus,\n\n.bf-form-styles-hubspot input[type=\"tel\"]:focus,\n\n.bf-form-styles-hubspot input[type=\"number\"]:focus,\n\n.bf-form-styles-hubspot textarea:focus,\n\n.bf-form-styles-hubspot select:focus,\n\n.bf-form-styles-hubspot .hs-input:focus {\n\n    outline: 2px solid rgb(236, 114, 11);\n\n    outline-offset: 2px;\n\n}\n \n\/* Textarea Specific *\/\n\n.bf-form-styles-hubspot textarea {\n\n    min-height: 100px;\n\n    resize: vertical;\n\n}\n \n\/* Submit Button Styles *\/\n\n.bf-form-styles-hubspot button[type=\"submit\"],\n\n.bf-form-styles-hubspot input[type=\"submit\"],\n\n.bf-form-styles-hubspot .hs-button {\n\n    background-color: rgb(236, 114, 11);\n\n    color: rgb(255, 255, 255);\n\n    padding: 11px 27px;\n\n    border: 0px none;\n\n    border-radius: 0px;\n\n    font-size: 19px;\n\n    font-family: Arial;\n\n    font-weight: 700;\n\n    cursor: pointer;\n\n    text-transform: none;\n\n    line-height: 19px;\n\n}\n\n\/* Button Hover State *\/\n\n.bf-form-styles-hubspot button[type=\"submit\"]:hover,\n\n.bf-form-styles-hubspot input[type=\"submit\"]:hover,\n\n.bf-form-styles-hubspot .hs-button:hover {\n\n    background-color: rgb(200, 90, 0);\n\n    opacity: 0.9;\n\n}\n \n\/* Button Active\/Pressed State *\/\n\n.bf-form-styles-hubspot button[type=\"submit\"]:active,\n\n.bf-form-styles-hubspot input[type=\"submit\"]:active,\n\n.bf-form-styles-hubspot .hs-button:active {\n\n    background-color: rgb(180, 80, 0);\n\n}\n \n\/* Checkbox Styles *\/\n\n.bf-form-styles-hubspot input[type=\"checkbox\"] {\n\n    width: 13px;\n\n    height: 13px;\n\n    margin-right: 3px;\n\n}\n \n\/* Checkbox Label (inline) *\/\n\n.bf-form-styles-hubspot .hs-form-checkbox-display,\n\n.bf-form-styles-hubspot .hs-form-booleancheckbox-display {\n\n    display: inline-flex;\n\n    align-items: center;\n\n}\n \n.bf-form-styles-hubspot .hs-form-checkbox-display span,\n\n.bf-form-styles-hubspot .hs-form-booleancheckbox-display span {\n\n    font-size: 14px;\n\n    font-weight: normal;\n\n    margin-left: 5px;\n\n}\n \n\/* Error Message Styles *\/\n\n.bf-form-styles-hubspot .hs-error-msg,\n\n.bf-form-styles-hubspot .hs-error-msgs {\n\n    color: rgb(200, 0, 0);\n\n    font-size: 12px;\n\n    margin-top: 4px;\n\n}\n \n\/* Field with Error *\/\n\n.bf-form-styles-hubspot .hs-input.error,\n\n.bf-form-styles-hubspot .hs-input.invalid {\n\n    border-color: rgb(200, 0, 0);\n\n}\n \n\/* Required Field Indicator *\/\n\n.bf-form-styles-hubspot .hs-form-required {\n\n    color: rgb(200, 0, 0);\n\n}\n \n\/* Success Message *\/\n\n.bf-form-styles-hubspot .submitted-message {\n\n    background-color: rgb(240, 255, 240);\n\n    padding: 20px;\n\n    border-left: 4px solid rgb(0, 200, 0);\n\n    color: rgb(0, 100, 0);\n\n    font-size: 16px;\n\n}\n \n\/* Multi-column Name Fields *\/\n\n.bf-form-styles-hubspot .hs-form-field[data-reactid*=\"firstname\"],\n\n.bf-form-styles-hubspot .hs-form-field[data-reactid*=\"lastname\"] {\n\n    display: inline-block;\n\n    width: 48%;\n\n}\n \n.bf-form-styles-hubspot .hs-form-field[data-reactid*=\"firstname\"] {\n\n    margin-right: 4%;\n\n}\n \n\/* Reset unwanted HubSpot default styles *\/\n\n.bf-form-styles-hubspot .hs-form .hs-form-field ul {\n\n    list-style: none;\n\n    padding: 0;\n\n    margin: 0;\n\n}\n \n.bf-form-styles-hubspot .hs-form .hs-form-field li {\n\n    margin-bottom: 8px;\n\n}\n \n\/* Social Media Links Container (if applicable) *\/\n\n.bf-form-styles-hubspot .social-links {\n\n    display: flex;\n\n    gap: 15px;\n\n    margin-top: 16px;\n\n}\n \n.bf-form-styles-hubspot .social-links a {\n\n    color: rgb(236, 114, 11);\n\n    text-decoration: none;\n\n}\n \n.bf-form-styles-hubspot .social-links a:hover {\n\n    text-decoration: underline;\n\n}\n\u003c\/style\u003e\n \n\u003cdiv class=\"bf-form-styles-hubspot\"\u003e\n\u003c!-- HubSpot Form Embed Code --\u003e\n\u003cscript charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\n\n      hbspt.forms.create({\n\n        portalId: \"45543084\",\n\n        formId: \"ddf36c58-eb9c-4d58-b39a-b512e57a3fbd\",\n\n        region: \"na1\",\n\n        css: \"\",\n\n        cssClass: \"bf-form-styles-hubspot\"\n\n      });\n\u003c\/script\u003e\n\u003c\/div\u003e\n ","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0069\/5979\/2195\/collections\/260314_Peanuts_email_header_600x400_4_em.jpg?v=1783712027","url":"https:\/\/shop.bestfriends.org\/collections\/peanuts-x-best-friends.oembed","provider":"Best Friends Store","version":"1.0","type":"link"}