@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper li{align-items:baseline;display:flex;gap:8px}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{align-self:flex-start;background-color:transparent;border:1px solid var(--bricks-border-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-form) .choose-files:hover{background-color:rgba(0,0,0,.05)}:where(.brxe-form) .gallery-preview{display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-form) .gallery-preview:not(:empty)+button{margin-top:5px}:where(.brxe-form) .image-preview{align-self:flex-start;overflow:hidden;position:relative}:where(.brxe-form) .image-preview:hover button{opacity:1}:where(.brxe-form) .image-preview:has(img)+button{margin-top:5px}:where(.brxe-form) .image-preview button{background-color:#fff;border:none;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:where(.brxe-form) .image-preview button:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .image-preview button.hide{display:none}.grecaptcha-badge{visibility:hidden}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.brx-popup:has(.sc-hw) > .brx-popup-backdrop { background: rgba(0, 0, 0, .82); } .brx-popup .brx-popup-content:has(.sc-hw) { padding: 0; background: none; width: min(920px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 16px;} .brx-popup .sc-hw { --sc-hw-ink: #fff7ee; --sc-hw-peach: #f8b47c; --sc-hw-lilac: #c99af4; --sc-hw-border: #b45cf5; --sc-hw-field: rgba(24, 8, 44, .55); position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "copy art" "copy form"; column-gap: 40px; padding: 40px 48px 44px 56px; border-radius: 16px; overflow: hidden; color: var(--sc-hw-ink); background: #160a26 url("https://www.socialchamp.com/wp-content/uploads/2026/10/halloween-popup-bg.webp") center / cover no-repeat; font-family: "DM Sans", system-ui, sans-serif; isolation: isolate;}.sc-hw .sc-hw__deco { display: block; position: absolute; inset: 0; z-index: -1; pointer-events: none; --bat-k: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath fill='%230c0414' d='M32 10L30 5 28.6 10.5C24 8 18 4 11 3 7 2.5 3 4 0 6 3 9 4.5 13 5 18 8 15.5 11.5 16 13.5 20 16 17 20 17.5 22.5 22 25.5 20 29 22 32 29 35 22 38.5 20 41.5 22 44 17.5 48 17 50.5 20 52.5 16 56 15.5 59 18 59.5 13 61 9 64 6 61 4 57 2.5 53 3 46 4 40 8 35.4 10.5L34 5z'/%3E%3C/svg%3E"); --bat-p: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'%3E%3Cpath fill='%23b45cf5' d='M32 10L30 5 28.6 10.5C24 8 18 4 11 3 7 2.5 3 4 0 6 3 9 4.5 13 5 18 8 15.5 11.5 16 13.5 20 16 17 20 17.5 22.5 22 25.5 20 29 22 32 29 35 22 38.5 20 41.5 22 44 17.5 48 17 50.5 20 52.5 16 56 15.5 59 18 59.5 13 61 9 64 6 61 4 57 2.5 53 3 46 4 40 8 35.4 10.5L34 5z'/%3E%3C/svg%3E"); --spark: radial-gradient(circle, #ffe3a8 0 1.5px, rgba(255, 150, 60, .55) 2.5px, transparent 7px); background: var(--bat-k) 3% 15% / 52px auto no-repeat, var(--bat-p) 52% 17% / 56px auto no-repeat, var(--bat-k) 55% 28% / 40px auto no-repeat, var(--bat-k) 84% 16% / 56px auto no-repeat, var(--bat-p) 87% 27% / 52px auto no-repeat, var(--bat-k) 92% 39% / 54px auto no-repeat, var(--spark) 10% 11% / 16px 16px no-repeat, var(--spark) 3% 21% / 14px 14px no-repeat, var(--spark) 58% 14% / 14px 14px no-repeat, var(--spark) 82% 33% / 14px 14px no-repeat, var(--spark) 91% 21% / 16px 16px no-repeat, var(--spark) 95% 29% / 14px 14px no-repeat;} .sc-hw .sc-hw__close { display: block; position: absolute; top: 18px; right: 18px; z-index: 2; width: 32px; height: 32px; cursor: pointer; background: none; border: 0; padding: 0;} .sc-hw__close::before,.sc-hw__close::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; border-radius: 2px; background: var(--sc-hw-border); transform: rotate(45deg);} .sc-hw__close::after { transform: rotate(-45deg); } .sc-hw__close:focus-visible { outline: 2px solid var(--sc-hw-peach); outline-offset: 4px; } .sc-hw .sc-hw__copy { display: block; grid-area: copy; align-self: center; padding: 24px 0;} .sc-hw .sc-hw__title { margin: 0 0 24px; font-family: "Bricolage Grotesque", "DM Sans", sans-serif; font-weight: 700; font-size: 52px; line-height: 1.12; letter-spacing: -.02em; color: var(--sc-hw-ink);} .sc-hw .sc-hw__title span { display: block; color: var(--sc-hw-peach); } .sc-hw .sc-hw__desc { margin: 0; max-width: 288px; font-size: 15px; line-height: 1.55; color: #ece4f7;} .sc-hw .sc-hw__desc strong { font-weight: 600; color: var(--sc-hw-peach); } .sc-hw .sc-hw__desc em { font-style: normal; } .sc-hw .sc-hw__art { display: block; grid-area: art; justify-self: center; width: 100%; max-width: 340px; aspect-ratio: 700 / 427; margin: 28px 0 8px; background: url("https://www.socialchamp.com/wp-content/uploads/2026/10/halloween-mummy-700.webp") center / contain no-repeat;}.sc-hw .sc-hw__form { grid-area: form; display: flex; flex-direction: column; gap: 0; margin: 0;} .sc-hw .sc-hw__form .form-group { width: 100%; padding: 0 0 14px; margin: 0; } .sc-hw .sc-hw__form label { display: block; margin: 0 0 8px; padding: 0; font-size: 15px; font-weight: 600; color: var(--sc-hw-ink);} .sc-hw .sc-hw__form input[type="email"] { width: 100%; height: 46px; padding: 0 18px; border: 2px solid var(--sc-hw-border); border-radius: 8px; background: var(--sc-hw-field); color: var(--sc-hw-ink); font: 400 15px/1 "DM Sans", system-ui, sans-serif; box-shadow: none;} .sc-hw .sc-hw__form input[type="email"]::placeholder { color: var(--sc-hw-lilac); opacity: 1; } .sc-hw .sc-hw__form input[type="email"]:focus { outline: none; border-color: var(--sc-hw-peach); } .sc-hw .sc-hw__form .submit-button-wrapper { padding: 0; } .sc-hw .sc-hw__form button[type="submit"] { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 48px; margin: 0; padding: 0 18px; border: 2px solid var(--sc-hw-border); border-radius: 8px; background: #1c0a30; color: var(--sc-hw-peach); font: 600 17px/1 "DM Sans", system-ui, sans-serif; letter-spacing: .01em; text-transform: uppercase; cursor: pointer; transition: background-color .15s ease;} .sc-hw .sc-hw__form button[type="submit"]::after { content: ""; width: 22px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h19M14 1l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h19M14 1l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;} .sc-hw .sc-hw__form button[type="submit"]:hover { background: #2a1047; } .sc-hw .sc-hw__form .message { width: 100%; margin: 12px 0 0; padding: 10px 14px; border-radius: 8px; font-size: 14px; }@media (max-width: 767px) { .brx-popup .sc-hw { grid-template-columns: 1fr; grid-template-areas: "copy" "art" "form"; padding: 64px 24px 32px; } .sc-hw .sc-hw__deco { background: var(--bat-k) 14% 3% / 44px auto no-repeat, var(--bat-k) 12% 39% / 64px auto no-repeat, var(--bat-p) 12% 45% / 54px auto no-repeat, var(--bat-k) 82% 36% / 64px auto no-repeat, var(--bat-p) 84% 46% / 52px auto no-repeat, var(--bat-k) 90% 52% / 60px auto no-repeat, var(--spark) 25% 2% / 14px 14px no-repeat, var(--spark) 25% 36% / 14px 14px no-repeat, var(--spark) 7% 42% / 12px 12px no-repeat, var(--spark) 70% 49% / 12px 12px no-repeat, var(--spark) 91% 42% / 14px 14px no-repeat; } .sc-hw .sc-hw__copy { padding: 0; } .sc-hw .sc-hw__title { display: none; } .sc-hw .sc-hw__desc { max-width: none; font-family: "Bricolage Grotesque", "DM Sans", sans-serif; font-size: 27px; line-height: 1.18; letter-spacing: -.01em; color: var(--sc-hw-ink); } .sc-hw .sc-hw__desc strong, .sc-hw .sc-hw__desc em { font-weight: 700; color: var(--sc-hw-peach); } .sc-hw .sc-hw__art { max-width: 340px; margin: 28px 0 24px; } .sc-hw .sc-hw__form button[type="submit"] { font-size: 16px; }}