.bl-contact{position:relative;display:block;padding-block:12px 64px;background:radial-gradient(110% 60% at 85% 0%,rgba(138,43,226,.32),transparent 62%),radial-gradient(80% 50% at 0% 40%,rgba(255,107,0,.12),transparent 60%)}.bl-contact__grid{display:grid;gap:28px}.bl-contact__intro,.bl-contact__side{min-width:0}.bl-contact__scene{width:min(100%,300px);margin:0 auto 4px}.bl-contact__art{display:block;width:100%;height:auto;overflow:visible}.bl-contact__ground{fill:#2a1245e6}.bl-contact__star{fill:var(--bl-ghost);transform-box:fill-box;transform-origin:center;animation:bl-twinkle 3s ease-in-out infinite}.bl-contact__star--2{animation-delay:-1.4s}.bl-contact__ghost{transform-box:fill-box;transform-origin:50% 100%;animation:bl-contact-float 3.4s ease-in-out infinite}.bl-contact__sheet{fill:var(--bl-bone);filter:drop-shadow(0 0 14px rgba(255,216,154,.55))}.bl-contact__eye{fill:var(--bl-ink)}.bl-contact__smile{fill:none;stroke:var(--bl-ink);stroke-width:3;stroke-linecap:round}.bl-contact__letter rect{fill:var(--bl-ghost);stroke:var(--bl-ink);stroke-width:3}.bl-contact__letter path{fill:none;stroke:var(--bl-ink);stroke-width:2.5;stroke-linejoin:round}.bl-contact__letter{transform-box:fill-box;transform-origin:center;transform:rotate(-10deg)}.bl-contact__post{fill:var(--bl-purple);stroke:var(--bl-ink);stroke-width:3}.bl-contact__box{fill:var(--bl-pumpkin);stroke:var(--bl-ink);stroke-width:4;stroke-linejoin:round}.bl-contact__door{fill:none;stroke:#0a071073;stroke-width:3}.bl-contact__boo{font:400 17px var(--bl-display);fill:var(--bl-ink);letter-spacing:.04em}.bl-contact__flag{fill:var(--bl-toxic);stroke:var(--bl-ink);stroke-width:3;stroke-linejoin:round;transform-origin:216px 108px;transform:rotate(98deg);transition:transform .6s var(--bl-spring)}.bl-contact__scene.is-typing .bl-contact__flag,.bl-contact__scene.is-sent .bl-contact__flag{transform:rotate(0)}.bl-contact__scene.is-sending .bl-contact__letter,.bl-contact__scene.is-sent .bl-contact__letter{animation:bl-contact-post .9s var(--bl-spring) forwards}@keyframes bl-contact-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes bl-contact-post{0%{transform:rotate(-10deg)}60%{transform:translate(60px,-10px) rotate(6deg) scale(.8);opacity:1}to{transform:translate(78px,4px) rotate(0) scale(.4);opacity:0}}.bl-contact__title{margin:0;font-size:clamp(42px,11vw,76px);line-height:.98;text-align:center}.bl-contact__lede{margin:12px auto 0;max-width:34ch;text-align:center;font-size:17px;line-height:1.5;color:var(--bl-bone-dim)}.bl-contact__reply{display:flex;width:max-content;margin:16px auto 0;font-size:15px}.bl-contact__page{margin-top:16px;color:var(--bl-bone-dim)}.bl-contact__help{margin-top:26px}.bl-contact__help-title{margin:0 0 12px;font-size:22px}.bl-contact__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.bl-contact__card{display:grid;justify-items:center;gap:4px;height:100%;padding:14px 6px 12px;border-radius:18px;text-align:center;text-decoration:none;color:var(--bl-bone);background:var(--bl-night-2) var(--bl-grain);border:2px solid rgba(255,244,230,.12);transition:transform .4s var(--bl-spring),border-color .2s}.bl-contact__card .bl-icon{width:26px;height:26px;color:var(--bl-pumpkin)}.bl-contact__card b{font:400 17px/1.1 var(--bl-display)}.bl-contact__card span{display:none;font-size:13px;color:var(--bl-bone-dim)}.bl-contact__card:hover{transform:translateY(-3px) rotate(-1.5deg);border-color:var(--bl-pumpkin)}.bl-contact__card:active{transform:scale(.96)}.bl-contact__order{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:14px 16px;border-radius:18px;border:2px dashed rgba(166,255,0,.35);background:#a6ff000d}.bl-contact__order .bl-icon{flex:none;width:22px;height:22px;margin-top:1px;color:var(--bl-toxic)}.bl-contact__order p{margin:0;font-size:14.5px;line-height:1.5;color:var(--bl-bone-dim)}.bl-contact__order b{color:var(--bl-bone)}.bl-contact__formcard{position:relative;padding:22px 18px 20px;border-radius:26px;background:var(--bl-night-2) var(--bl-grain);border:3px solid var(--bl-ink);box-shadow:0 0 0 2px #fff4e61f,7px 8px 0 var(--bl-purple)}.bl-contact__form{display:grid;gap:16px}.bl-contact__form-title{margin:0;font-size:30px;line-height:1.05}.bl-contact__row{display:grid;gap:16px}.bl-field{display:grid;gap:6px}.bl-field label{font-weight:600;font-size:15px;color:var(--bl-bone)}.bl-field__opt{font-weight:400;font-size:13px;color:var(--bl-bone-dim)}.bl-field input,.bl-field textarea{width:100%;min-height:52px;padding:13px 16px;border-radius:16px;border:2px solid rgba(255,244,230,.16);background:var(--bl-night-3);color:var(--bl-bone);font:400 16px/1.4 var(--bl-body);transition:border-color .2s,box-shadow .2s}.bl-field textarea{min-height:132px;resize:vertical}.bl-field input::placeholder,.bl-field textarea::placeholder{color:#cbbfd8b3}.bl-field input:focus-visible,.bl-field textarea:focus-visible{outline:none;border-color:var(--bl-pumpkin);box-shadow:0 0 0 4px #ff6b0040}.bl-field [aria-invalid=true]{border-color:#ff8a7a}.bl-field__err{margin:0;font-size:14px;font-weight:600;color:#ff9e90}.bl-contact__topics{margin:0;padding:0;border:0;min-width:0}.bl-contact__topics legend{padding:0;margin-bottom:8px;font-weight:600;font-size:15px;color:var(--bl-bone)}.bl-contact__chips{display:flex;flex-wrap:wrap;gap:8px}.bl-chip{position:relative;cursor:pointer}.bl-chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.bl-chip span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:2px solid rgba(255,244,230,.18);font-weight:600;font-size:14px;color:var(--bl-bone);transition:transform .35s var(--bl-spring),background .2s,border-color .2s}.bl-chip:hover span{border-color:#fff4e666}.bl-chip input:checked+span{background:var(--bl-purple);border-color:var(--bl-ink);box-shadow:3px 3px 0 var(--bl-toxic);transform:rotate(-2deg)}.bl-chip input:focus-visible+span{outline:3px solid var(--bl-toxic);outline-offset:3px}.bl-contact__send{margin-top:4px}.bl-contact__alert{padding:12px 14px;border-radius:14px;background:#ff8a7a1f;border:2px solid rgba(255,138,122,.5);color:var(--bl-bone);font-size:14.5px}.bl-contact__alert p{margin:0 0 4px;font-weight:600}.bl-contact__alert ul{margin:0;padding-left:18px}.bl-contact__sent{display:grid;justify-items:center;gap:10px;padding:10px 0 6px;text-align:center;outline:none}.bl-contact__sent-ghost{width:64px;height:76px;animation:bl-contact-float 3.4s ease-in-out infinite}.bl-contact__sent-ghost .bl-ghost{width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(255,216,154,.6))}.bl-contact__sent h2{margin:0;font-size:34px}.bl-contact__sent p{margin:0;max-width:32ch;color:var(--bl-bone-dim)}.bl-contact__sent-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.bl-contact__sent-actions .bl-btn{font-size:17px;padding:11px 20px}.bl-contact__direct{display:grid;justify-items:center;gap:10px;margin-top:22px;text-align:center}.bl-contact__direct p{margin:0;font-size:14px;color:var(--bl-bone-dim)}.bl-contact__mail{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 16px;border-radius:999px;border:2px solid rgba(255,244,230,.2);color:var(--bl-bone);font-weight:600;text-decoration:none;overflow-wrap:anywhere;transition:border-color .2s,transform .35s var(--bl-spring)}.bl-contact__mail svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--bl-pumpkin);stroke-width:2;stroke-linejoin:round}.bl-contact__mail:hover{border-color:var(--bl-pumpkin);transform:translateY(-2px)}.bl-contact__social{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.bl-contact__social a{display:inline-flex;padding:7px 14px;border-radius:999px;border:2px solid rgba(255,244,230,.18);color:var(--bl-bone);font-weight:600;font-size:14px;text-decoration:none}@media(min-width:750px){.bl-contact__row{grid-template-columns:1fr 1fr}.bl-contact__card{justify-items:start;text-align:left;padding:16px 16px 14px}.bl-contact__card span{display:block}.bl-contact__formcard{padding:30px 28px 28px}}@media(min-width:990px){.bl-contact{padding-block:32px 96px}.bl-contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}.bl-contact__scene{width:340px;margin:0 0 8px -12px}.bl-contact__title,.bl-contact__lede{text-align:left;margin-inline:0}.bl-contact__reply{margin-inline:0}.bl-contact__side{position:sticky;top:calc(var(--bl-header-h, 72px) + 24px)}.bl-contact__form-title{font-size:36px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bl-contact.css.map */
