html {
  -webkit-user-select: var(--user-select-copyable);
  user-select: var(--user-select-copyable);
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html[lang^="zh-"]{
  font-family: LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
html[lang^="en-"]{
  font-family: LarkEmojiFont,-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
html[lang='ja-JP']{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Noto Sans Japanese","Hiragino Sans GB","Yu Gothic","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック",Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  -webkit-user-select: var(--user-select-copyable);
  user-select: var(--user-select-copyable);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: 100% !important;
}

/* 色板地址，用到了再写 */
/* https://www.figma.com/file/mhVnz6wD1HjkpjXCZFPqGf/%F0%9F%8C%9E-Light---00-Style-Foundation-(Color%2C-Typography%2C-Shadow)?node-id=2949%3A683 */
:root {
  --R300: #F98E8B;
  --R400: #F76964;
  --R500: #F54A45;
  --R600: #D83931;

  --B100: #E1EAFF;
  --B200: #BACEFD;
  --B300: #82A7FC;
  --B400: #4E83FD;
  --B500: #3370FF;
  --B600: #245BDB;

  --N00: #FFFFFF;
  --N50: #F5F6F7;
  --N100: #F2F3F5;
  --N200: #EFF0F1;
  --N300: #DEE0E3;
  --N400: #BBBFC4;
  --N500: #8F959E;
  --N600: #646A73;
  --N800: #2B2F36;
  --N900: #1F2329;
  --N900-4: rgba(31, 35, 41, 0.04);
  --N900-6: rgba(31, 35, 41, 0.06);
  --N900-8: rgba(31, 35, 41, 0.08);
  --N900-15: rgba(31, 35, 41, 0.15);
  --N900-30: rgba(31, 35, 41, 0.3);
  --N900-60: rgba(31, 35, 41, 0.6);

  --token-line-border-card: var(--N300);
  --token-line-border-component: var(--N400);

  --token-bg-base: var(--N100);
  --token-bg-body: var(--N00);
  --editor-bg-body: #FFFFFF;
  --editor-bg-float: #FFFFFF;
  --editor-bg-filter: #eff0f1;
  --editor-box-shadow: rgba(0, 0, 0, 0.25);
  --token-bg-overlay: var(--N50);
  --token-bg-mask: rgba(0,0,0,.4);
  --token-bg-float: var(--N00);
  --token-bg-float-overlay: var(--N100);
  --token-switch-before-bg: #FFFFFF;

  --user-select-copyable: none;
}

:root[data-tt-copyable="true"] {
  --user-select-copyable: auto;
}

/* https://www.figma.com/file/JuUQ0totJs5YYuzNDwjPJi/%F0%9F%8C%97-Dark---00-Style-Foundation-(Color%2C-Typography%2C-Shadow)?node-id=3124%3A63095 */
:root[data-tt-theme="dark"] {
  --R300: #9E3836;
  --R400: #CC4743;
  --R500: #F0544F;
  --R600: #FA7873;

  --B100: #192A4C;
  --B200: #203E78;
  --B300: #2851A3;
  --B400: #2E65D1;
  --B500: #4382FF;
  --B600: #5E94FF;

  --N00: #101010;
  --N50: #1F1F1F;
  --N100: #2E2E2E;
  --N200: #373737;
  --N300: #434343;
  --N400: #5F5F5F;
  --N500: #939393;
  --N600: #C1C1C1;
  --N800: #E8E8E8;
  --N900: #F0F0F0;
  --N900-4: rgba(240, 240, 240, 0.04);
  --N900-6: rgba(240, 240, 240, 0.06);
  --N900-8: rgba(240, 240, 240, 0.08);
  --N900-15: rgba(240, 240, 240, 0.15);
  --N900-30: rgba(240, 240, 240, 0.3);
  --N900-60: rgba(240, 240, 240, 0.6);

  --token-line-border-card: var(--N400);
  --token-line-border-component: #525252;

  --token-bg-base: var(--N00);
  --token-bg-body: var(--N50);
  --token-bg-overlay: var(--N100);
  --token-bg-mask: rgba(0,0,0,.7);
  --token-bg-float: var(--N100);
  --token-bg-float-overlay: var(--N200);
  --token-bg-tips: var(--N300);
  --token-switch-before-bg: rgba(120, 120, 128, 0.16);
  --token-sliding-block-bg: #939393;
  --editor-bg-body: #1F1F1F;
  --editor-bg-float: #101010;
  --editor-bg-filter: #373737;
  --editor-box-shadow: rgba(0, 0, 0, 0.28);
  --picker-view-bg-180: linear-gradient(180deg, rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
  --picker-view-bg-0: linear-gradient(0deg, rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
  --token-text-title2: var(--N900);
}

/* Token 列表，应该直接使用 token 色彩而不是色板 */
/* 因为两个模式下token-token(比如text/title--N900)的对应关系有所区别 所以这下面只应该写共通的部分 */
/* 更多样式可以查看 https://code.byted.org/universe-ui/styles */
:root {
  --token-brand: var(--B500);

  --token-primary-100: var(--B100);
  --token-primary-200: var(--B200);
  --token-primary-300: var(--B300);
  --token-primary-400: var(--B400);
  --token-primary-500: var(--B500);
  --token-primary-600: var(--B600);

  --token-danger-300: var(--R300);
  --token-danger-400: var(--R400);
  --token-danger-500: var(--R500);
  --token-danger-600: var(--R600);

  --token-info-300: var(--B300);

  --token-text-title: var(--N900);
  --token-text-caption: var(--N600);
  --token-text-placeholder: var(--N500);
  --token-text-disable: var(--N400);
  --token-text-link-normal: var(--B600);
  --token-text-link-hover: var(--B500);

  --token-bg-filter: var(--N200);
  --token-bg-pricolor: var(--B400);
  --token-bg-tips: var(--N900);

  --token-line-divider-default: var(--N900-15);

  --token-fill-disable: var(--N400);
  --token-fill-hover: var(--N900-8);

  --token-icon-n1: var(--N800);
  --token-icon-n2: var(--N600);
  --token-icon-n3: var(--N500);
  --token-icon-disable: var(--N400);

  --token-palette-neutral-200: var(--N200);
  --token-palette-neutral-400: var(--N400);
  --token-palette-neutral-500: var(--N500);

  /* 静态色值，不跟随主题变化 */
  --token-static-white: #FFFFFF;
  --token-static-white-hover: rgba(255, 255, 255, 0.1);
  --token-static-white-pressed: rgba(255, 255, 255, .2);
  --token-static-black: #000000;
  --token-sliding-block-bg: #FFFFFF;

  --token-transparent-neutral-900: var(--N900-15);

  --token-shadow-s4-down: 0px 8px 24px 8px var(--N900-4), 0px 6px 12px var(--N900-4), 0px 4px 8px -8px var(--N900-6);
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "ttui";
  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
}

/* @font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "ttui-pc";
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAo8AAsAAAAACfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIF92NtYXAAAAFoAAAAZAAAAGT9g7ivZ2FzcAAAAcwAAAAIAAAACAAAABBnbHlmAAAB1AAABfQAAAX0ZkqRxWhlYWQAAAfIAAAANgAAADYVk+hvaGhlYQAACAAAAAAkAAAAJAfCA85obXR4AAAIJAAAADQAAAA0KgADkGxvY2EAAAhYAAAAHAAAABwHSgj4bWF4cAAACHQAAAAgAAAAIAARAGZuYW1lAAAIlAAAAYYAAAGGmUoJ+3Bvc3QAAAocAAAAIAAAACAAAwAAAAMDzQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEgAAAAOAAgAAgAGAAEAIOYR5hXpAP/9//8AAAAAACDmDeYT6QD//f//AAH/4xn3GfYXDAADAAEAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAMAAP/ABAADwAAbAD4AYwAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJgUyNjc0NicHDgEnLgE/ATYmJyIGBxwBFzc+ARceAQ8BBhYXEyIGBw4BBw4BFRQWFx4BFx4BMzI2Nz4BNz4BNTQmJy4BJy4BIwAoKIteXWpqXV6LKCgoKIteXWpqXV6LKCgB1Cw6GgIBLgcPBQQEAU0EGBwdSxoBLgcOBQQEAUwHGB9hBwwHBgoEAwQEAwQJBgcNBwcNBwYKAwQEBAQDCwYGDQcBwGpdXosoKCgoi15dampdXosoKCgoi15dlTMmBRMHNgcJAQEIBPYYJQI0JgQTBzYICQIBCAX1FSUFAf8EAwMKBgcNBwcOBgYKBAMEBAMECgYGDgcHDQcGCgMEAwAAAAACAAD/4wP0A7MAIgA/AAAlFwcnBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWFRQGBwUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYzAy/FUsAdIiFKKCgqXFFSeSMjIyN5UlFcXVFReiMjKSX+j0Y9PVwaGhoaXD09RkU9PlsaGxsaWz49RfnEUsAaFBQcBwgjI3lSUV1cUVJ5IyMjI3lSUVxGgDZVGxpbPj1GRT0+WxobGxpbPj1FRj0+WxobAAAAAgAa/8AD5gPAAA0AFwAAJREUBiMhIiY1ETMVITUlNxcJATcXETMRA+YeFfyaFR5mAwD+s/VI/pb+lknoZvP/ABUeHhUBAM3NZfRI/pYBakjoAlz9mAAAAAEBBgDcAxUCcwATAAABJgYHDgEfARY2NwE+AScmBgcBJwFIDCYNDgEMlg0lDgE3DgENDCYN/up4AbQMAQ4NJg2VDQEOAVUOJQ0NAg3+y3gAAQCUAFsDaAMvAAwAAAkBFwkBBwkBJwkBNwEB/gEtPf7SAS49/tP+0jwBLf7TPAEuAgEBLj3+0/7SPAEt/tM8AS4BLT3+0gAAAgAA/8AEAAPAABsALwAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJiUmBgcOAR8BFjY3AT4BJyYGBwEnACgoi15dampdXosoKCgoi15dampdXosoKAFIDCYNDgEMlg0lDgE3DgENDCYN/up4AcBqXV6LKCgoKIteXWpqXV6LKCgoKIteXV4MAQ4NJg2VDQEOAVUOJQ0NAg3+y3gAAAMAAP/ABAADwAAbAEAAVQAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJgUiBgcOAQcOARUUFhceARceATMyNjc+ATc+ATU0JicuAScuASMTKgEjDgEXEx4BMzI2NxM8ATU0JiMAKCiLXl1qal1eiygoKCiLXl1qal1eiygoAgoGDQYHCgMEBAQEAwoGBg0HCA0GBgoEAwQEAwQKBwYNBwECAwIcIwIbARgQEBcCGiccAcBqXV6LKCgoKIteXWpqXV6LKCgoKIteXUEDBAMKBgYOBwcOBgYKAwQDAwQDCgYGDgcHDgYGCgQDAwHAAysc/u8PFhYPARECAwIcJwACAAD/wAQAA8AAIAA8AAABNzY0JyYiDwEnJiIHBhQfAQcGFBcWMj8BFxYyNzY0LwEhNDc+ATc2MzIXHgEXFhUUBw4BBwYjIicuAScmAjyXDQ0MJAyXlwwkDA0Nl5cNDQwkDJeXDCQMDQ2X/cQoKIteXWpqXV6LKCgoKIteXWpqXV6LKCgBwJcMJAwNDZeXDQ0MJAyXlwwkDA0Nl5cNDQwkDJdqXV6LKCgoKIteXWpqXV6LKCgoKIteXQAAAAEB3AGcBAADwAAmAAABIiY1NCYnLgEnMS4BLwEuASMiJjU0NjMyFhceARceARceARUUBiMD3A8VERIRMB0dRScDKFYtDxUVDzRkLy5SIyM3FBQUFQ8BnBUPLVYoKUYdHi8QARIRFQ8PFRQUFDcjI1IuL2Q0DxUAAAEAAAABAACIeUsFXw889QALBAAAAAAA2TpR+QAAAADZOlH5AAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAA0EAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAaBAABBgQAAJQEAAAABAAAAAQAAAAEAAHcAAAAAAAKABQAHgC2ARgBRAFsAZAB4AJgAr4C+gABAAAADQBkAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff");
} */

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "larkui";
  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
}

body.webscreen-fix {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

tt-video.gadget-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10000 !important;
}
tt-editor {
  padding: 8px;
  height: 225px;
  position: relative;
  box-sizing: border-box;
  user-select: text;
  display: block;
  min-height: 225px;
  background-color: var(--editor-bg-body);
}
.adit-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.editor_outer_container {
  margin-top: 40px;
  box-sizing: border-box;
  height: calc(100% - 40px);
  width: 100%;
  padding: 0 8px;
  position: relative;
}
.editor_outer_container.no-toolbar {
  margin-top: 0;
  height: 100%;
}

/* 暗黑模式 */
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container {
  background-color: var(--editor-bg-float);
  border: 1px solid var(--N900-15);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-plate {
  background-color: var(--editor-bg-float);
  border: 1px solid var(--N900-15);
  box-shadow: 0 6px 24px 0 var(--editor-box-shadow);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-wrapper {
  background-color: var(--editor-bg-float);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button {
  color: var(--N900);
}

.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button svg, .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button button {
  fill: var(--N900);
}

.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown .adit-format-button {
  border: 1px solid var(--N900-15);
}

.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-content {
  color: var(--N900);
  background-color: var(--editor-bg-float);
  border: 1px solid var(--N900-15);
  box-shadow: 1px solid var(--editor-box-shadow);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .menu-icon:not([adit-selected]) svg {
  fill: var(--N800);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-button:hover:not([adit-disabled]) {
  background-color: var(--editor-bg-filter);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown button:hover {
  background-color: var(--editor-bg-filter);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-color-picker {
  color: var(--N900);
  background-color: var(--editor-bg-float);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-group:not(:first-child)::before {
  background-color: var(--N900-15);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-color-picker {
  border: 1px solid var(--N900-15);
  box-shadow: 1px solid var(--editor-box-shadow);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-content .menu-text:hover {
  background-color: var(--editor-bg-filter);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-format-align .menu-icon:hover {
  background-color: var(--editor-bg-filter);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-box::before {
  border-bottom-color: var(--N900-15);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-box::before {
  border-bottom-color: var(--N900-15);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-pivot .adit-dropdown-locate.bottom > .adit-dropdown-box::after {
  border-bottom-color: var(--N900-15);
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-pivot .adit-dropdown-locate {
  z-index: 1;
}
.adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container .adit-dropdown-pivot .adit-dropdown-locate > .adit-dropdown-box {
  background-color: var(--editor-bg-float);
}

/* 图片只读模式不出拖拽 */
tt-editor .editor-kit-outer-container .editor-kit-container[contenteditable=false] .image-container .image-wrapper.selected .point.n-icon-dragable {
  display: none;
}

/* hyperlink 弹窗禁止 */
tt-editor[data-popup="true"] .link-popup.layout-row { 
  display: none; 
} 

tt-editor[data-popup="true"] .link-modify-popup.layout-row { 
  display: none; 
}

tt-editor .adit-toolbar .editor-kit-wrapper-container.adit-wrapper-container {
  z-index: auto;
}

/* 窄屏适配 */
@media screen and (max-width: 450px){
  .adit-popup-container .link-popup input.link-row-input {
    width: 154px;
  }
}

/* video */
tt-editor .editor-kit-container .video-container .video-wrapper .video-upload-loading {
  height: 220px;
}

tt-editor .editor-kit-container .video-container .video-wrapper .video-upload-failed .fail-wrapper {
  height: 220px;
}