.rare-words-input__popup.svelte-1744v0h{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.rare-words-input__popup-mask.svelte-1744v0h{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:1001}.rare-words-input__popup-content.svelte-1744v0h{position:fixed;z-index:1002;width:100%;bottom:0;left:0;box-sizing:border-box;background-color:#fff;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}
.rare-words-input__keyboard.svelte-svi8h5{position:relative}.rare-words-input__pinyin.svelte-svi8h5{background:#f5f5f5;padding-top:calc(16 * var(--px, 1px));padding-bottom:calc(16 * var(--px, 1px))}.rare-words-input__pinyin-row.svelte-svi8h5{display:flex;flex-flow:row nowrap;justify-content:center;background:#f5f5f5;margin-bottom:calc(16 * var(--px, 1px))}.rare-words-input__pinyin-key.svelte-svi8h5{position:relative;display:flex;align-items:center;justify-content:center;height:calc(88 * var(--px, 1px));width:calc(61 * var(--px, 1px));background:#fff;font-size:calc(36 * var(--px, 1px));color:var(--text-color);box-sizing:border-box;border-radius:calc(8 * var(--px, 1px));margin-right:calc(12 * var(--px, 1px));user-select:none}.rare-words-input__pinyin-key.svelte-svi8h5:active{background:#1677ff;color:#fff}.rare-words-input__pinyin-key.svelte-svi8h5:last-child{margin-right:0}.rare-words-input__pinyin-key.delete-btn.svelte-svi8h5{width:calc(134 * var(--px, 1px));height:calc(88 * var(--px, 1px))}
.rare-words-input__match-words-wrap.svelte-1ym93y9{min-height:calc(96 * var(--px, 1px))}.rare-words-input__match-words-wrap.svelte-1ym93y9::before{content:'';display:block;position:absolute;top:calc(-1 * var(--px, 1px));left:0;background:#ccc;width:100%;height:calc(1 * var(--px, 1px));transform:scaleY(0.5);transform-origin:0 0;font-family:'rare-words-font'}.rare-words-input__match-words.svelte-1ym93y9{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start;padding:calc(20 * var(--px, 1px)) calc(24 * var(--px, 1px))
      calc(20 * var(--px, 1px)) calc(8 * var(--px, 1px));background:#f5f5f5;overflow:hidden}.rare-words-input__match-words-items.svelte-1ym93y9{flex:1;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;overflow:hidden;height:calc(56 * var(--px, 1px));white-space:nowrap;box-sizing:border-box;margin-right:calc(-32 * var(--px, 1px));padding-right:calc(42 * var(--px, 1px))}.rare-words-input__match-words-items.words-all.svelte-1ym93y9{height:auto;margin-top:calc(-20 * var(--px, 1px));position:relative;padding-left:calc(8 * var(--px, 1px));padding-right:calc(42 * var(--px, 1px))}.rare-words-input__match-words-items.words-all.svelte-1ym93y9::after{content:'';display:block;position:absolute;left:calc(-64 * var(--px, 1px));bottom:0;background:#ccc;width:100%;height:calc(1 * var(--px, 1px));transform:scaleY(0.5);transform-origin:0 0}.rare-words-input__match-words.absolute.svelte-1ym93y9{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:10000;padding-left:0;overflow:auto}.rare-words-input__match-words-word.svelte-1ym93y9{color:var(--text-color);width:calc(73 * var(--px, 1px));padding-left:calc(16 * var(--px, 1px));padding-right:calc(16 * var(--px, 1px));box-sizing:border-box}.rare-words-input__match-words-word.word-all.svelte-1ym93y9{padding-top:calc(20 * var(--px, 1px));padding-bottom:calc(20 * var(--px, 1px));position:relative}.rare-words-input__match-words-word.word-all.svelte-1ym93y9::after{content:'';display:block;position:absolute;left:calc(-20 * var(--px, 1px));bottom:0;background:#ccc;width:100%;height:calc(1 * var(--px, 1px));transform:scaleY(0.5);transform-origin:0 0}.rare-words-input__match-words-word-inner.svelte-1ym93y9{font-size:calc(41 * var(--px, 1px));line-height:calc(57 * var(--px, 1px));user-select:none;color:var(--text-color)}.rare-words-input__match-words-word-inner.svelte-1ym93y9:active{color:var(--active-color)}.rare-words-input__match-words-word-inner.svelte-1ym93y9:hover{color:var(--active-color)}.rare-words-input__match-words-right.svelte-1ym93y9{width:calc(48 * var(--px, 1px));height:calc(48 * var(--px, 1px));display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;position:relative;margin-top:calc(4 * var(--px, 1px));margin-right:calc(40 * var(--px, 1px));color:#333}.rare-words-input__match-words-right.overflow.svelte-1ym93y9::before{content:'';display:block;width:calc(12 * var(--px, 1px));height:100%;background:linear-gradient(to right, transparent, #d8d8d8);position:absolute;left:calc(-32 * var(--px, 1px))}.rare-words-input__match-words-right.sticky.svelte-1ym93y9{position:sticky !important;top:0 !important;left:0 !important}.rare-words-input__tips.svelte-1ym93y9{padding-left:calc(8 * var(--px, 1px));font-size:calc(28 * var(--px, 1px));color:#666}
.rare-words-input__error.svelte-1v8kz58{background:var(--background);padding-top:calc(30 * var(--px, 1px));padding-bottom:calc(30 * var(--px, 1px))}.rare-words-input__error-img.svelte-1v8kz58{display:block;width:calc(180 * var(--px, 1px));margin:0 auto}.rare-words-input__error-desc.svelte-1v8kz58{text-align:center;color:#999;font-size:calc(26 * var(--px, 1px))}.rare-words-input__error-btn.svelte-1v8kz58{display:block;margin:0 auto;width:auto;padding:calc(6 * var(--px, 1px)) calc(24 * var(--px, 1px));border-color:#1677ff;background-color:#1677ff;color:#fff;font-size:calc(30 * var(--px, 1px));border:1px solid #1677ff;outline:none;border-radius:calc(8 * var(--px, 1px));margin-top:calc(15 * var(--px, 1px))}.rare-words-input__error-btn.svelte-1v8kz58:active{background:#145ec6}.rare-words-input__error-btn.loading.svelte-1v8kz58{opacity:0.4}
:root {
  --background: #f5f5f5;
  --text-color: #333;
  --active-color: #1677ff;
  --px: 0.5px;
}

@font-face {
  font-family: 'iconfont';
  src: url('https://mdn.alipayobjects.com/huamei_2fq7mt/afts/file/A*5oDLTavjP1YAAAAAAAAAAAAADh58AQ/keybord-iconfont.woff2')
      format('woff2'),
    url('https://mdn.alipayobjects.com/huamei_2fq7mt/afts/file/A*y8swTalZo84AAAAAAAAAAAAADh58AQ/keybord-iconfont.woff')
      format('woff'),
    url('https://mdn.alipayobjects.com/huamei_2fq7mt/afts/file/A*Z7WrQ54LmhIAAAAAAAAAAAAADh58AQ/keybord-iconfont.ttf')
      format('truetype');
}

.iconfont {
  font-family: iconfont !important;
  font-size: calc(16 * var(--px, 1px));
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-delete::before {
  content: '\e704';
}

.icon-arrow-down::before {
  content: '\e665';
}

.icon-shouqijianpan::before {
  content: '\e62d';
}

.icon-keyboard-hide::before {
  content: '\e811';
}

.icon-arrow-right::before {
  content: '\e802';
}

.icon-arrow-up::before {
  content: '\e803';
}

.icon-mode::before {
  content: '\e600';
}

.icon-space::before {
  content: '\e7bc';
}

.icon-enter::before {
  content: '\e801';
}

.icon-jianpan::before {
  content: '\e661';
}

.icon-delete {
  font-size: calc(36 * var(--px, 1px)) !important;
}

.icon-arrow-down {
  font-size: calc(56 * var(--px, 1px)) !important;
}

.icon-arrow-right {
  font-size: calc(56 * var(--px, 1px)) !important;
}

.icon-arrow-up {
  font-size: calc(56 * var(--px, 1px)) !important;
}

.icon-shouqijianpan {
  font-size: calc(56 * var(--px, 1px)) !important;
}

.icon-keyboard-hide {
  font-size: calc(48 * var(--px, 1px)) !important;
  color: #666;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (device-pixel-ratio: 3) {
  .rare-words-input__main {
    padding-bottom: constant(
      safe-area-inset-bottom,
      calc(34 * var(--px, 1px))
    );
    padding-bottom: env(safe-area-inset-bottom, calc(34 * var(--px, 1px)));
  }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (device-pixel-ratio: 3) {
  .rare-words-input__main {
    padding-bottom: constant(
      safe-area-inset-bottom,
      calc(34 * var(--px, 1px))
    );
    padding-bottom: env(safe-area-inset-bottom, calc(34 * var(--px, 1px)));
  }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (device-pixel-ratio: 2) {
  .rare-words-input__main {
    padding-bottom: constant(
      safe-area-inset-bottom,
      calc(34 * var(--px, 1px))
    );
    padding-bottom: env(safe-area-inset-bottom, calc(34 * var(--px, 1px)));
  }
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (device-pixel-ratio: 3) {
  .rare-words-input__main {
    padding-bottom: constant(
      safe-area-inset-bottom,
      calc(34 * var(--px, 1px))
    );
    padding-bottom: env(safe-area-inset-bottom, calc(34 * var(--px, 1px)));
  }
}

@supports (bottom: constant(safe-area-inset-bottom)) or
  (bottom: env(safe-area-inset-bottom)) {
  .rare-words-input__main {
    padding-bottom: constant(
      safe-area-inset-bottom,
      calc(34 * var(--px, 1px))
    );
    padding-bottom: env(safe-area-inset-bottom, calc(34 * var(--px, 1px)));
  }
}

.rare-words-input__inner.svelte-1vo1d3h{position:relative}.rare-words-input__header.svelte-1vo1d3h{background-color:var(--background)}.rare-words-input__main.svelte-1vo1d3h{background-color:var(--background)}.rare-words-input__footer.svelte-1vo1d3h{display:unset}.rare-words-input__input-value.svelte-1vo1d3h{position:absolute;top:calc(-64 * var(--px, 1px));left:0;display:inline-block;height:calc(64 * var(--px, 1px));line-height:calc(64 * var(--px, 1px));border-top-left-radius:calc(8 * var(--px, 1px));border-top-right-radius:calc(8 * var(--px, 1px));background-color:var(--background);padding-left:calc(20 * var(--px, 1px));padding-right:calc(20 * var(--px, 1px));border:calc(1 * var(--px, 1px)) solid #eee;border-bottom:0;letter-spacing:calc(2 * var(--px, 1px));box-sizing:border-box;font-size:calc(24 * var(--px, 1px));color:#333}.rare-words-input__input-value.hidden.svelte-1vo1d3h{display:none}