.mdc {
  overflow-wrap: break-word;
  width: 100%;
  max-width: 960px;
  padding: 10px;
  margin: 2rem auto;
  border-radius: 3px;
  box-shadow: 0 0 3px #333;
  place-items: stretch;
  display: grid;
  grid-template-columns: repeat(3, minmax(15%, 1fr));
  grid-template-rows: repeat(11, auto);
  gap: 10px 10px; }
  .mdc.haab {
    grid-template-columns: repeat(4, minmax(15%, 1fr)); }
  .mdc .spare-column {
    grid-column-start: 1;
    grid-row: 1 / span 4; }
  .mdc .date-input {
    font-size: 0;
    line-height: 0;
    text-align: center;
    grid-column: 2 / -1; }
    .mdc .date-input input,
    .mdc .date-input select {
      background-color: #fff;
      color: #333;
      font-size: 1.39rem;
      text-align: center;
      line-height: 1.77rem;
      display: inline-block;
      width: 6.6rem !important;
      height: 2.57rem;
      padding: 0 !important;
      margin: 0 0.3rem 0.5rem 0.3rem;
      border: 3px solid #333 !important;
      border-radius: 3px !important;
      box-sizing: border-box; }
    .mdc .date-input select option {
      font-size: 1.19rem;
      text-align: center;
      padding: 2px 8px 2px 16px; }
  .mdc .glyph-cell {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.43rem;
    padding: 0;
    margin: 0; }
    .mdc .glyph-cell .trecena-link {
      transition: all 0.47s ease-in-out; }
      .mdc .glyph-cell .trecena-link:hover {
        transform: scale(1.29) rotate(377deg); }
    .mdc .glyph-cell .glyph {
      flex-grow: 0;
      flex-shrink: 1;
      height: 0.2rem;
      padding: 0;
      margin: 0;
      transition: height 0.7s; }
  .mdc .hr-row {
    grid-column: 2 / -1;
    grid-row: 4;
    text-align: center; }
    .mdc .hr-row hr {
      width: 80%;
      padding: 0;
      margin: 12px auto;
      border-width: 3px 0 0 0;
      border-style: solid;
      border-color: #333; }
  .mdc .title {
    color: #333;
    font-size: 1.27rem;
    text-align: center;
    padding: 0;
    margin: 0; }
  .mdc .haab-types {
    display: flex;
    flex-flow: column;
    border: 3px solid #333;
    border-radius: 3px; }
    .mdc .haab-types input[type="radio"] {
      appearance: none; }
      .mdc .haab-types input[type="radio"] + label {
        background-color: transparent;
        color: #333;
        text-align: center;
        padding: 3px 10px; }
      .mdc .haab-types input[type="radio"]:checked + label {
        background-color: #333;
        color: #fff; }
  .mdc .box {
    color: #333;
    text-align: center;
    display: block;
    padding: 4px 8px;
    margin: 0;
    border: 3px solid #333;
    border-radius: 3px; }
    .mdc .box.base {
      font-size: 1rem;
      padding: 4px 8px;
      margin: 0 4px; }
    .mdc .box.big {
      font-size: 1.23rem; }
    .mdc .box.description {
      text-align: left;
      min-height: 120px;
      grid-column: 2 / -1; }
  @media (max-width: 599px) {
    .mdc {
      grid-template-columns: 0 repeat(2, minmax(20%, 1fr));
      padding: 10px 10px 10px 0;
      margin: 2rem 0;
      border-radius: 0;
      box-shadow: none; }
      .mdc.haab {
        grid-template-columns: 0 repeat(3, minmax(15%, 1fr)); }
      .mdc .spare-column {
        grid-row: 1 / span 10; }
      .mdc .dynamic-title {
        grid-column: 2 / -1; }
      .mdc .title {
        font-size: 0.93rem; }
      .mdc .haab-types {
        font-size: 0.69rem; }
      .mdc .box.base, .mdc .box.description {
        font-size: 0.63rem; }
      .mdc .box.big {
        font-size: 0.71rem; }
      .mdc .date-input input,
      .mdc .date-input select {
        font-size: 1rem; }
      .mdc .date-input select option {
        font-size: 0.79rem; } }
  .mdc.dark {
    background-color: #222;
    color: #f0f0f0;
    border-color: #ccc; }
    .mdc.dark hr {
      border-color: #ccc; }
    .mdc.dark .title {
      color: #f0f0f0; }
    .mdc.dark .box {
      color: #f0f0f0;
      border-color: #ccc; }
    .mdc.dark .date-input input,
    .mdc.dark .date-input select {
      background-color: #444;
      color: #f0f0f0;
      border-color: #ccc !important; }
    .mdc.dark .haab-types {
      border-color: #ccc; }
      .mdc.dark .haab-types input[type="radio"] + label {
        background-color: #222;
        color: #f0f0f0; }
      .mdc.dark .haab-types input[type="radio"]:checked + label {
        background-color: #ccc;
        color: #444; }

/*# sourceMappingURL=plugin.css.map */