@import url('./fonts.css');
@import url('./headers.css');
@import url('./system.css');
@import url('./footerButtons.css');
@import url('./smartText.css');
@import url('./tables.css');
@import url('./keyboard.css');
@import url('./gaps.css');
@import url('./audio.css');
@import url('./sourceList.css');
@import url('./shapes.css');
@import url('./trueFalse.css');
@import url('./word_search.css');
@import url('./text_selection.css');
@import url('./imageIdentification.css');
@import url('./crossword.css');
@import url('./choice.css');
@import url('./elementsOrdering.css');
@import url('./centerfold.css');
@import url('./system_centerfold.css');
@import url('./centerfold_safari.css');
@import url('./clock.css');
@import url('./colorigMenu.css');
@import url('./timer.css');

:root {
    --correctColor: #3fa535;
    --wrongColor: #e83f35;
    --errorColor: #eca808;
    --kolorLekcji: #3fa535;
    --kolorRozdzialu: #e83f35;
}

.tmp_canvas {
    top: 0;
  position: absolute;
  left: 0;
}

/* Ustawianie grubości kredki - tor suwaka (safari) */
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #c4bfd2;
  border-radius: 4px;
  cursor: pointer;
}

/* Ustawianie grubości kredki - uchwyt suwaka (kółko) (safari) */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #6657a8; 
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px; 
  transition: transform 0.2s;
}

.addon_Drawing_color_selector .drawing_color_selector-controls_cont .drawing_color_selector-range_label {
    top: calc(calc(50% + var(--pencilOffsetHalf)) - 30px);
    font-family: 'Comic Neue', Comic Sans MS;
    width: 100%;
    text-align: center;
    font-weight: 400!important;
    font-size: 19px;
    line-height: 30px;
    left: 0px;
    transform: translate(0%, -50%);
}