/*
  Ref with :

  1.) https://github.com/elad2412/the-new-css-reset
  2.) https://www.joshwcomeau.com/css/custom-css-reset/
*/

export const resetStyle = `
  /*
  Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
  - The "symbol *" part is to solve Firefox SVG sprite bug
  */
  *:where(:not(html, iframe, canvas, img, svg, video, pre):not(svg *, symbol *)) {
    all: unset;
    display: revert;
  }

  /*
    Remove default margin
  */
  * {
    margin: 0;
    font-variant-numeric: lining-nums;
  }

  /*
    - Add accessible line-height
    - Improve text rendering
  */
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  /* Preferred box-sizing value */
  *, *::before, *::after {
    box-sizing: border-box;
  }

  /*
    Avoid text overflows
  */
  p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
  }

  /* Re-apply the pointer cursor for anchor tags */
  a, button {
    cursor: revert;
  }

  /* Remove list styles (bullets/numbers) */
  ol, ul, menu {
    list-style: none;
  }

  /*
    Improve media defaults
  */
  img, picture, video, canvas {
    display: block;
    max-width: 100%;
  }
  svg {
    display: block;
  }

  /* remove default style from blockquote */
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
  }

  /* removes spacing between cells in tables */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  /*
    Remove built-in form typography styles
  */
  input, button, textarea, select {
    font: inherit;
  }

  /* revert the 'white-space' property for textarea elements on Safari */
  textarea {
    white-space: revert;
  }

  /* minimum style to allow to style meter element */
  meter {
    -webkit-appearance: revert;
    appearance: revert;
  }

  /* hide elements with the 'hidden' attribute */
  :where([hidden]) {
    display: none;
  }

  /*
    revert for bug in Chromium browsers
    - fix for the content editable attribute will work properly.
  */
  :where([contenteditable]) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflowWrap: break-word;
    -webkit-line-break: after-white-space;
  }

  /* apply back the draggable feature - exist only in Chromium and Safari */
  :where([draggable="true"]) {
    -webkit-user-drag: element;
  }

  /*
    Create a root stacking context
  */
  #__next {
    isolation: isolate;
  }
`;