.jschar-subscribe{--jschar-bg:#28c5fe;--jschar-text:#f7f7f7;--jschar-accent:#edff1a;--jschar-blue:#28c5fe;--jschar-radius:8px;width:min(760px,calc(100% - 32px));margin:0 auto;padding:28px 20px 34px;color:var(--jschar-text);font-family:inherit;background:var(--jschar-bg)}.jschar-track{width:100%;min-width:232px;height:190px;position:relative;margin-inline:auto}.jschar-character{position:absolute;top:0;left:0;transform:translateY(54px) translate(var(--chx,0px));display:inline-block;width:232px;height:172px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.22,.61,.36,1);outline:none;z-index:2}.jschar-character:focus-visible{filter:drop-shadow(0 0 8px var(--jschar-accent))}.jschar-character.is-dragging{cursor:grabbing;transition:none}.jschar-error-message{position:absolute;top:-92px;left:50%;width:310px;height:210px;transform:translate(-50%);opacity:0;visibility:hidden;color:#fff;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;z-index:5;overflow:visible}.jschar-subscribe.has-error .jschar-error-message{opacity:1;visibility:visible}.jschar-error-text{font-size:39px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.45)}.jschar-eye-white{position:absolute;top:83px;left:50%;transform:translate(-50%);z-index:0;overflow:hidden;width:118px;height:57px}.jschar-eyeball{position:absolute;top:95px;left:50%;z-index:1;transition:transform .1s cubic-bezier(.22,.61,.36,1);will-change:transform;width:44px;height:44px}.jschar-eyeball-left{transform:translate(-50%) translate(calc(-40px + var(--eye-x,0px))) translateY(var(--eye-y,0px))}.jschar-eyeball-right{transform:translate(-50%) translate(calc(40px + var(--eye-x,0px))) translateY(var(--eye-y,0px))}.jschar-mask{position:relative;z-index:2;width:232px;height:172px}.jschar-mask>svg{display:block;width:232px;height:172px;overflow:visible}.jschar-mouth-error,.jschar-subscribe.has-error .jschar-mouth-happy{display:none}.jschar-subscribe.has-error .jschar-mouth-error{display:block}.jschar-form{width:100%;display:grid;gap:14px;margin-top:18px;position:relative}.jschar-input{width:100%;height:64px;padding:0 22px;border-radius:var(--jschar-radius);border:2px solid rgba(255,255,255,.72);background:#191919;color:#fff;font-size:20px;outline:none;transition:box-shadow .18s ease,border-color .18s ease}.jschar-input::placeholder{color:#e5e5e5}.jschar-input:focus{border-color:var(--jschar-accent);box-shadow:0 0 0 5px #edff1a2e}.jschar-subscribe.has-error .jschar-input{border-color:#ff638c;box-shadow:0 0 0 5px #ff638c2e}.jschar-btn{width:100%;height:64px;border:2px solid #000;border-radius:var(--jschar-radius);background:var(--jschar-accent);color:#121212;font-weight:900;font-size:22px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.jschar-btn:hover{filter:brightness(1.06);box-shadow:0 5px #000}.jschar-btn:active{transform:translateY(2px);box-shadow:0 2px #000}.jschar-success{display:none;min-height:90px;border:2px solid #000;border-radius:999px;background:#29d259;color:#111;font-size:clamp(22px,4vw,36px);font-weight:900;align-items:center;justify-content:center;text-align:center;padding:20px;margin-top:2px}.jschar-success.is-visible{display:flex}.jschar-form:has(.jschar-success.is-visible)>.jschar-input,.jschar-form:has(.jschar-success.is-visible)>.jschar-btn{display:none}.jschar-server-message{font-size:14px;text-align:center;padding:8px 12px;border-radius:8px}.jschar-server-error{background:#4d1c2b;color:#fff}footer .jschar-subscribe{padding-top:22px;padding-bottom:28px}footer .tt-footer-custom:has(.jschar-subscribe){background:#28c5fe!important}@media(max-width:600px){.jschar-subscribe{width:min(100% - 18px,760px);padding-left:8px;padding-right:8px}.jschar-track{height:176px}.jschar-character{transform:translateY(48px) translate(var(--chx,0px));scale:.86;transform-origin:top left}.jschar-input,.jschar-btn{height:58px;font-size:18px}.jschar-error-message{top:-88px;width:285px}}@media(prefers-reduced-motion:reduce){.jschar-character,.jschar-eyeball,.jschar-error-message,.jschar-input,.jschar-btn{transition:none!important}}.jschar-subscribe{padding-top:10px}.jschar-track{height:162px}.jschar-character{transform:translateY(26px) translate(var(--chx,0px))}.jschar-form{margin-top:10px}footer .jschar-subscribe{padding-top:10px}@media(max-width:600px){.jschar-track{height:150px}.jschar-character{transform:translateY(22px) translate(var(--chx,0px));scale:.86;transform-origin:top left}}footer .tt-footer-custom.jschar-footer-zone:has(.jschar-subscribe){background:#35363c!important;background-image:linear-gradient(180deg,#303137,#3b3c42)!important;padding:0!important;border-top:0!important;border-bottom:2px solid #39ff70!important;box-shadow:inset 0 1px #ffffff14,inset 0 -8px 26px #0000001f!important}footer .jschar-footer-zone .container-fluid-custom{padding-left:0!important;padding-right:0!important}footer .jschar-subscribe{width:min(1720px,calc(100% - 36px))!important;min-height:190px;margin:0 auto!important;padding:16px 22px 18px!important;display:grid!important;grid-template-columns:232px minmax(330px,440px) minmax(460px,1fr) 220px;gap:28px;align-items:center;background:transparent!important;box-sizing:border-box;overflow:visible;position:relative}footer .jschar-subscribe:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#ff3b30,#ff2bd6 24%,#8a2be2 46%,#1bcaff 72%,#39ff70);opacity:.95;pointer-events:none}footer .jschar-track{grid-column:1;grid-row:1;width:232px!important;min-width:232px!important;height:154px!important;margin:0!important;align-self:end;overflow:visible}footer .jschar-character{left:0!important;transform:translateY(8px) translate(var(--chx,0px))!important;filter:drop-shadow(0 9px 9px rgba(0,0,0,.26))}footer .jschar-copy{grid-column:2;grid-row:1;align-self:center;min-width:0}footer .jschar-copy-title{margin:0 0 8px;color:#fff;font-weight:900;font-size:clamp(27px,2.1vw,43px);line-height:1;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.28);white-space:nowrap}footer .jschar-copy-title span{color:#fff;text-shadow:0 0 4px #fff,0 0 9px #a855f7,0 0 16px #8b2cff,0 0 25px #5e17eb}footer .jschar-copy-subtitle{color:#f4f4f4;font-size:clamp(15px,1.15vw,20px);line-height:1.35;font-weight:700;max-width:520px}footer .jschar-form{grid-column:3;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr) 220px;gap:0!important;align-items:center;width:100%!important;margin:0!important;position:relative}footer .jschar-input{height:68px!important;border-radius:12px 0 0 12px!important;border:2px solid rgba(255,255,255,.68)!important;border-right:0!important;background:#171717!important;font-size:18px!important;box-shadow:inset 0 2px 10px #00000047!important}footer .jschar-btn{height:68px!important;border-radius:0 12px 12px 0!important;border:2px solid #050505!important;background:#edff1a!important;font-size:20px!important;box-shadow:0 5px #00000052!important}footer .jschar-form>.jschar-server-message,footer .jschar-form>.jschar-success{grid-column:1/-1;width:100%;box-sizing:border-box}footer .jschar-art-placeholder{grid-column:4;grid-row:1;width:100%;height:145px;border:2px dashed rgba(255,255,255,.42);border-radius:16px;background:linear-gradient(145deg,#ffffff0e,#00000021);display:flex;align-items:center;justify-content:center;color:#ffffff7a;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 20px #00000029}@media(max-width:1280px){footer .jschar-subscribe{grid-template-columns:190px minmax(260px,360px) minmax(380px,1fr) 165px;gap:18px}footer .jschar-track{width:190px!important;min-width:190px!important;transform:scale(.82);transform-origin:left bottom}footer .jschar-copy-title{white-space:normal;font-size:30px}footer .jschar-form{grid-template-columns:minmax(0,1fr) 180px}footer .jschar-art-placeholder{height:130px}}@media(max-width:900px){footer .jschar-subscribe{width:calc(100% - 20px)!important;grid-template-columns:170px 1fr;grid-template-areas:"mascot copy" "form form" "art art";gap:12px 18px;padding:14px 10px 20px!important}footer .jschar-track{grid-area:mascot;grid-column:auto;grid-row:auto;width:170px!important;min-width:170px!important;height:130px!important;transform:scale(.72);transform-origin:left bottom}footer .jschar-copy{grid-area:copy;grid-column:auto;grid-row:auto}footer .jschar-form{grid-area:form;grid-column:auto;grid-row:auto}footer .jschar-art-placeholder{grid-area:art;grid-column:auto;grid-row:auto;height:90px}}@media(max-width:600px){footer .jschar-subscribe{grid-template-columns:1fr!important;grid-template-areas:"copy" "mascot" "form" "art"!important;text-align:center}footer .jschar-copy{grid-area:copy}footer .jschar-copy-title{font-size:27px;white-space:normal}footer .jschar-copy-subtitle{margin:0 auto}footer .jschar-track{grid-area:mascot;margin:0 auto!important;transform:scale(.78);transform-origin:center bottom}footer .jschar-form{grid-area:form;grid-template-columns:1fr!important;gap:8px!important}footer .jschar-input{border-radius:9px!important;border-right:2px solid rgba(255,255,255,.68)!important;height:58px!important}footer .jschar-btn{border-radius:9px!important;height:58px!important}footer .jschar-art-placeholder{grid-area:art;width:min(220px,80%);height:105px;margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/js-character-subscribe.css.map */