@use './variable' as v;
@use './token';
@use '../abstract';

*:where(
    :is([class*='cds'], [class*='cds'] *):not(
        iframe,
        canvas,
        img,
        svg,
        svg *,
        video,
        audio,
        input,
        del,
        a,
        select,
        .cds-board-view__body *
      )
  ) {
  all: unset;
  display: revert;
}

[class*='cds'],
[class*='cds'] *,
[class*='cds']::before,
[class*='cds']::after,
[class*='cds'] *::before,
[class*='cds'] *::after {
  box-sizing: border-box;
}

ol,
ul,
menu {
  list-style: none;
}

ol,
ul {
  padding-left: 0;
}

dd {
  margin-left: 0;
}

body {
  margin: 0;
}

img {
  max-width: 100%;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
}

a {
  text-decoration: none;
  color: inherit;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
  appearance: revert;
}

:where([hidden]) {
  display: none;
}

:where(pre) {
  all: revert;
}

:where([contenteditable]:not([contenteditable='false'])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable='true']) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}
:where(body) {
  font-size: abstract.rem(token.$font-size-2);
  line-height: 1.5;
}

[class*='cds'],
[class*='cds'] *:not([style*='font-family']) {
  font-family: v.$reset-font-face !important;
  letter-spacing: normal !important;
  word-break: keep-all;
  overflow-wrap: break-word;
}