.new-tcp-online-sub.basic{width:100%;max-width:100%;padding:24px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;background-color:#f1f5ff;gap:16px;box-sizing:border-box;font-family:Trip Geom}.new-tcp-online-sub.basic.new-tcp-online-sub-complete{background-color:#f1f5ff;padding:12px 24px}.new-tcp-online-sub.basic.new-tcp-online-sub-complete .new-tcp-online-sub__complete-content{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;gap:16px}.new-tcp-online-sub.basic.new-tcp-online-sub-complete .new-tcp-online-sub__complete-text{flex:1 1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;gap:12px;padding:12px 0}.new-tcp-online-sub.basic.new-tcp-online-sub-complete .new-tcp-online-sub__complete-title{font-size:20px;font-weight:700;color:#000}.new-tcp-online-sub.basic.new-tcp-online-sub-complete .new-tcp-online-sub__complete-subtitle{font-size:14px;color:#4f5563}.new-tcp-online-sub.basic.new-tcp-online-sub-complete .new-tcp-online-sub__complete-qrcode{width:78px;height:78px;flex-shrink:0}.new-tcp-online-sub.basic .new-tcp-online-sub__title{color:#000;font-size:20px;line-height:125%;font-weight:700;word-wrap:break-word}.new-tcp-online-sub.basic .new-tcp-online-sub__features{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;line-height:1.5;width:100%}.new-tcp-online-sub.basic .new-tcp-online-sub__feature{gap:4px;font-size:14px;font-weight:400;min-width:0}.new-tcp-online-sub.basic .new-tcp-online-sub__checkmark,.new-tcp-online-sub.basic .new-tcp-online-sub__feature{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;color:#4f5563;flex-shrink:0}.new-tcp-online-sub.basic .new-tcp-online-sub__checkmark{justify-content:center;width:16px;height:16px}.new-tcp-online-sub.basic .new-tcp-online-sub__checkmark svg{width:16px;height:16px;flex-shrink:0}.new-tcp-online-sub.basic .new-tcp-online-sub__subscribe{flex-shrink:0;min-width:320px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;position:relative;gap:8px}.new-tcp-online-sub.basic .new-tcp-online-sub__input-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:flex-start;gap:8px}.new-tcp-online-sub.basic .new-tcp-online-sub__input-container{width:304px;min-height:38px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;align-items:stretch}.new-tcp-online-sub.basic .new-tcp-online-sub__email{box-sizing:border-box;padding:0 24px 0 12px;width:100%;height:38px;border:1px solid #d4d7de;border-radius:4px;font-size:16px;font-weight:500;color:#121826;outline:none;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-tcp-online-sub.basic .new-tcp-online-sub__email::-moz-placeholder{font-weight:400;color:#6f7685}.new-tcp-online-sub.basic .new-tcp-online-sub__email::placeholder{font-weight:400;color:#6f7685}.new-tcp-online-sub.basic .new-tcp-online-sub__email.focused{border-color:#2c61fe;caret-color:#2c61fe}.new-tcp-online-sub.basic .new-tcp-online-sub__email.error{border-color:#d02c2a}.new-tcp-online-sub.basic .new-tcp-online-sub__placeholder-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#000;background:rgba(0,0,0,.8);color:#fff;padding:8px;border-radius:4px;font-size:12px;white-space:normal;word-wrap:break-word;width:-moz-max-content;width:-webkit-max-content;width:max-content;max-width:100%;z-index:1001;margin-bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);box-sizing:border-box}.new-tcp-online-sub.basic .new-tcp-online-sub__placeholder-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#121826}.new-tcp-online-sub.basic .new-tcp-online-sub__clear-btn{position:absolute;right:8px;top:12px;background:#6f7685;border:none;border-radius:50%;width:14px;height:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.new-tcp-online-sub.basic .new-tcp-online-sub__suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d4d7de;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.new-tcp-online-sub.basic .new-tcp-online-sub__suggestion{padding:8px 12px;cursor:pointer;font-size:14px;color:#121826;transition:background-color .2s ease}.new-tcp-online-sub.basic .new-tcp-online-sub__suggestion.selected,.new-tcp-online-sub.basic .new-tcp-online-sub__suggestion:hover{background-color:#f1f5ff}.new-tcp-online-sub.basic .new-tcp-online-sub__suggestion:first-child{border-radius:4px 4px 0 0}.new-tcp-online-sub.basic .new-tcp-online-sub__suggestion:last-child{border-radius:0 0 4px 4px}.new-tcp-online-sub.basic .new-tcp-online-sub__suggestion .email-suffix{color:#2c61fe}.new-tcp-online-sub.basic .new-tcp-online-sub__error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:flex-start;gap:5px;width:100%;position:relative;margin-top:4px}.new-tcp-online-sub.basic .new-tcp-online-sub__error-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:11px;height:11px;background:transparent;color:#d02c2a;border-radius:50%;font-size:10px;border:1px solid #d02c2a;margin-top:3px;font-weight:600}.new-tcp-online-sub.basic .new-tcp-online-sub__error-text{color:#d02c2a;font-size:14px;word-wrap:break-word;flex:1 1;white-space:normal}.new-tcp-online-sub.basic .new-tcp-online-sub__button{width:102px;height:38px;background:#2c61fe;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s ease;overflow:hidden}.new-tcp-online-sub.basic .new-tcp-online-sub__button:hover{background:#1e4fd8}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble{width:100%;box-sizing:border-box;position:absolute;top:100%;right:0;background:#fff;border:1px solid #d4d7de;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001;margin-top:8px}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-arrow{position:absolute;top:-7px;right:20px;width:12px;height:12px;background:#fff;border-left:1px solid #d4d7de;border-top:1px solid #d4d7de;transform:rotate(45deg)}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-content{position:relative;z-index:1}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-message{font-size:14px;color:#121826;line-height:1.4;margin-bottom:12px}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-divider{height:1px;background:#e5e7eb;margin:12px 0}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-terms{font-size:12px;color:#6f7685;line-height:1.4}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-link{color:#2c61fe;text-decoration:underline;cursor:pointer;transition:color .2s ease}.new-tcp-online-sub.basic .new-tcp-online-sub__bubble-link:hover{color:#1e4fd8}@media screen and (max-width:834px){.new-tcp-online-sub.basic{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}}