Grammalecte  Hex Artifact Content

Artifact c94fc4e622198e609bee356834eee54a5a9b3356f1ed04a33992e1881b96db70:


0000: 2f 2a 0a 20 20 20 20 43 53 53 0a 20 20 20 20 43  /*.    CSS.    C
0010: 6f 6e 74 65 6e 74 20 70 61 6e 65 6c 73 20 66 6f  ontent panels fo
0020: 72 20 47 72 61 6d 6d 61 6c 65 63 74 65 0a 2a 2f  r Grammalecte.*/
0030: 0a 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74  ..div.grammalect
0040: 65 5f 70 61 6e 65 6c 20 7b 0a 20 20 20 20 61 6c  e_panel {.    al
0050: 6c 3a 20 69 6e 69 74 69 61 6c 3b 0a 20 20 20 20  l: initial;.    
0060: 70 61 64 64 69 6e 67 3a 20 30 3b 0a 20 20 20 20  padding: 0;.    
0070: 6d 61 72 67 69 6e 3a 20 30 3b 0a 20 20 20 20 70  margin: 0;.    p
0080: 6f 73 69 74 69 6f 6e 3a 20 66 69 78 65 64 3b 0a  osition: fixed;.
0090: 20 20 20 20 2f 2a 20 66 6c 65 78 62 6f 78 20 2a      /* flexbox *
00a0: 2f 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 66  /.    display: f
00b0: 6c 65 78 3b 0a 20 20 20 20 6a 75 73 74 69 66 79  lex;.    justify
00c0: 2d 63 6f 6e 74 65 6e 74 3a 20 66 6c 65 78 2d 73  -content: flex-s
00d0: 74 61 72 74 3b 0a 20 20 20 20 66 6c 65 78 2d 64  tart;.    flex-d
00e0: 69 72 65 63 74 69 6f 6e 3a 20 63 6f 6c 75 6d 6e  irection: column
00f0: 3b 0a 20 20 20 20 61 6c 69 67 6e 2d 69 74 65 6d  ;.    align-item
0100: 73 3a 20 73 74 72 65 74 63 68 3b 0a 20 20 20 20  s: stretch;.    
0110: 2f 2a 20 65 6e 64 20 66 6c 65 78 62 6f 78 20 2a  /* end flexbox *
0120: 2f 0a 20 20 20 20 62 6f 78 2d 73 69 7a 69 6e 67  /.    box-sizing
0130: 3a 20 63 6f 6e 74 65 6e 74 2d 62 6f 78 3b 0a 20  : content-box;. 
0140: 20 20 20 7a 2d 69 6e 64 65 78 3a 20 32 31 34 37     z-index: 2147
0150: 34 38 33 36 34 31 3b 20 2f 2a 20 6d 61 78 69 6d  483641; /* maxim
0160: 75 6d 20 69 73 20 32 31 34 37 34 38 33 36 34 37  um is 2147483647
0170: 3a 20 68 74 74 70 73 3a 2f 2f 73 74 61 63 6b 6f  : https://stacko
0180: 76 65 72 66 6c 6f 77 2e 63 6f 6d 2f 71 75 65 73  verflow.com/ques
0190: 74 69 6f 6e 73 2f 34 39 31 30 35 32 2f 6d 69 6e  tions/491052/min
01a0: 69 6d 75 6d 2d 61 6e 64 2d 6d 61 78 69 6d 75 6d  imum-and-maximum
01b0: 2d 76 61 6c 75 65 2d 6f 66 2d 7a 2d 69 6e 64 65  -value-of-z-inde
01c0: 78 20 2a 2f 0a 20 20 20 20 62 6f 72 64 65 72 3a  x */.    border:
01d0: 20 32 70 78 20 73 6f 6c 69 64 20 68 73 6c 28 32   2px solid hsl(2
01e0: 31 30 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a 20  10, 50%, 50%);. 
01f0: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
0200: 3a 20 31 30 70 78 20 31 30 70 78 20 31 30 70 78  : 10px 10px 10px
0210: 20 31 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67   10px;.    backg
0220: 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c  round-color: hsl
0230: 28 32 31 30 2c 20 30 25 2c 20 31 30 30 25 29 3b  (210, 0%, 100%);
0240: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
0250: 30 2c 20 30 25 2c 20 30 25 29 3b 0a 20 20 20 20  0, 0%, 0%);.    
0260: 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 20 22 54 72  font-family: "Tr
0270: 65 62 75 63 68 65 74 20 4d 53 22 2c 20 22 46 69  ebuchet MS", "Fi
0280: 72 61 20 53 61 6e 73 22 2c 20 22 55 62 75 6e 74  ra Sans", "Ubunt
0290: 75 20 43 6f 6e 64 65 6e 73 65 64 22 2c 20 22 4c  u Condensed", "L
02a0: 69 62 65 72 61 74 69 6f 6e 20 53 61 6e 73 22 2c  iberation Sans",
02b0: 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a 20 20 20   sans-serif;.   
02c0: 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30 20 30   box-shadow: 0 0
02d0: 20 31 70 78 20 36 70 78 20 68 73 6c 61 28 32 31   1px 6px hsla(21
02e0: 30 2c 20 35 30 25 2c 20 35 30 25 2c 20 2e 35 29  0, 50%, 50%, .5)
02f0: 3b 0a 20 20 20 20 6c 69 6e 65 2d 68 65 69 67 68  ;.    line-heigh
0300: 74 3a 20 6e 6f 72 6d 61 6c 3b 0a 20 20 20 20 74  t: normal;.    t
0310: 65 78 74 2d 73 68 61 64 6f 77 3a 20 6e 6f 6e 65  ext-shadow: none
0320: 3b 0a 20 20 20 20 74 65 78 74 2d 64 65 63 6f 72  ;.    text-decor
0330: 61 74 69 6f 6e 3a 20 6e 6f 6e 65 3b 0a 20 20 20  ation: none;.   
0340: 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20 6c 65 66   text-align: lef
0350: 74 3b 0a 20 20 20 20 68 79 70 68 65 6e 73 3a 20  t;.    hyphens: 
0360: 6e 6f 6e 65 3b 0a 7d 0a 64 69 76 2e 67 72 61 6d  none;.}.div.gram
0370: 6d 61 6c 65 63 74 65 5f 70 61 6e 65 6c 20 69 6d  malecte_panel im
0380: 67 20 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a  g {.    display:
0390: 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20   inline-block;. 
03a0: 20 20 20 6d 61 72 67 69 6e 3a 20 30 3b 0a 20 20     margin: 0;.  
03b0: 20 20 70 61 64 64 69 6e 67 3a 20 30 3b 0a 7d 0a    padding: 0;.}.
03c0: 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74 65  .div.grammalecte
03d0: 5f 70 61 6e 65 6c 5f 62 61 72 20 7b 0a 20 20 20  _panel_bar {.   
03e0: 20 70 6f 73 69 74 69 6f 6e 3a 20 73 74 69 63 6b   position: stick
03f0: 79 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e  y;.    backgroun
0400: 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 32 31 30  d-color: hsl(210
0410: 2c 20 35 30 25 2c 20 35 30 25 29 3b 0a 20 20 20  , 50%, 50%);.   
0420: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
0430: 31 30 70 78 20 31 30 70 78 20 30 20 30 3b 0a 20  10px 10px 0 0;. 
0440: 20 20 20 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d     border-bottom
0450: 3a 20 31 70 78 20 73 6f 6c 69 64 20 68 73 6c 28  : 1px solid hsl(
0460: 32 31 30 2c 20 32 30 25 2c 20 38 36 25 29 3b 0a  210, 20%, 86%);.
0470: 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63  .}.div.grammalec
0480: 74 65 5f 70 61 6e 65 6c 5f 74 69 74 6c 65 20 7b  te_panel_title {
0490: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 33 70  .    padding: 3p
04a0: 78 20 32 30 70 78 3b 0a 20 20 20 20 63 6f 6c 6f  x 20px;.    colo
04b0: 72 3a 20 68 73 6c 28 32 31 30 2c 20 33 30 25 2c  r: hsl(210, 30%,
04c0: 20 39 36 25 29 3b 0a 20 20 20 20 66 6f 6e 74 2d   96%);.    font-
04d0: 73 69 7a 65 3a 20 32 30 70 78 3b 0a 7d 0a 64 69  size: 20px;.}.di
04e0: 76 2e 67 72 61 6d 6d 61 6c 65 63 74 65 5f 70 61  v.grammalecte_pa
04f0: 6e 65 6c 5f 6c 61 62 65 6c 20 7b 0a 20 20 20 20  nel_label {.    
0500: 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d  display: inline-
0510: 62 6c 6f 63 6b 3b 0a 20 20 20 20 70 61 64 64 69  block;.    paddi
0520: 6e 67 3a 20 30 20 31 30 70 78 3b 0a 20 20 20 20  ng: 0 10px;.    
0530: 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 20 22 54 72  font-family: "Tr
0540: 65 62 75 63 68 65 74 20 4d 53 22 2c 20 22 46 69  ebuchet MS", "Fi
0550: 72 61 20 53 61 6e 73 22 2c 20 22 55 62 75 6e 74  ra Sans", "Ubunt
0560: 75 20 43 6f 6e 64 65 6e 73 65 64 22 2c 20 22 4c  u Condensed", "L
0570: 69 62 65 72 61 74 69 6f 6e 20 53 61 6e 73 22 2c  iberation Sans",
0580: 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a 7d 0a 64   sans-serif;.}.d
0590: 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74 65 5f 70  iv.grammalecte_p
05a0: 61 6e 65 6c 5f 69 6e 76 69 73 69 62 6c 65 5f 6d  anel_invisible_m
05b0: 61 72 6b 65 72 20 7b 0a 20 20 20 20 70 6f 73 69  arker {.    posi
05c0: 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 3b 0a  tion: absolute;.
05d0: 20 20 20 20 2f 2a 76 69 73 69 62 69 6c 69 74 79      /*visibility
05e0: 3a 20 68 69 64 64 65 6e 3b 2a 2f 0a 20 20 20 20  : hidden;*/.    
05f0: 66 6f 6e 74 2d 73 69 7a 65 3a 20 34 70 78 3b 0a  font-size: 4px;.
0600: 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 61 28      color: hsla(
0610: 32 31 30 2c 20 30 25 2c 20 39 30 25 2c 20 30 29  210, 0%, 90%, 0)
0620: 3b 0a 7d 0a 0a 64 69 76 2e 67 72 61 6d 6d 61 6c  ;.}..div.grammal
0630: 65 63 74 65 5f 70 61 6e 65 6c 5f 63 6f 6d 6d 61  ecte_panel_comma
0640: 6e 64 73 20 7b 0a 20 20 20 20 66 6c 6f 61 74 3a  nds {.    float:
0650: 20 72 69 67 68 74 3b 0a 20 20 20 20 64 69 73 70   right;.    disp
0660: 6c 61 79 3a 20 66 6c 65 78 3b 0a 20 20 20 20 61  lay: flex;.    a
0670: 6c 69 67 6e 2d 69 74 65 6d 73 3a 20 73 74 72 65  lign-items: stre
0680: 74 63 68 3b 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d  tch;.}.div.gramm
0690: 61 6c 65 63 74 65 5f 70 61 6e 65 6c 5f 62 75 74  alecte_panel_but
06a0: 74 6f 6e 20 7b 0a 20 20 20 20 70 61 64 64 69 6e  ton {.    paddin
06b0: 67 3a 20 31 70 78 20 31 30 70 78 3b 0a 20 20 20  g: 1px 10px;.   
06c0: 20 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 20 22 54   font-family: "T
06d0: 72 65 62 75 63 68 65 74 20 4d 53 22 2c 20 22 46  rebuchet MS", "F
06e0: 69 72 61 20 53 61 6e 73 22 2c 20 22 55 62 75 6e  ira Sans", "Ubun
06f0: 74 75 20 43 6f 6e 64 65 6e 73 65 64 22 2c 20 22  tu Condensed", "
0700: 4c 69 62 65 72 61 74 69 6f 6e 20 53 61 6e 73 22  Liberation Sans"
0710: 2c 20 73 61 6e 73 2d 73 65 72 69 66 3b 0a 20 20  , sans-serif;.  
0720: 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 34 70    font-size: 14p
0730: 78 3b 0a 20 20 20 20 66 6f 6e 74 2d 77 65 69 67  x;.    font-weig
0740: 68 74 3a 20 62 6f 6c 64 3b 0a 20 20 20 20 74 65  ht: bold;.    te
0750: 78 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72  xt-align: center
0760: 3b 0a 20 20 20 20 63 75 72 73 6f 72 3a 20 70 6f  ;.    cursor: po
0770: 69 6e 74 65 72 3b 0a 7d 0a 64 69 76 2e 67 72 61  inter;.}.div.gra
0780: 6d 6d 61 6c 65 63 74 65 5f 63 6f 70 79 5f 62 75  mmalecte_copy_bu
0790: 74 74 6f 6e 20 7b 0a 20 20 20 20 62 6f 72 64 65  tton {.    borde
07a0: 72 2d 72 61 64 69 75 73 3a 20 32 70 78 3b 0a 20  r-radius: 2px;. 
07b0: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 61 28 32     color: hsla(2
07c0: 31 30 2c 20 30 25 2c 20 31 30 30 25 2c 20 2e 35  10, 0%, 100%, .5
07d0: 29 3b 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d 61 6c  );.}.div.grammal
07e0: 65 63 74 65 5f 63 6f 70 79 5f 62 75 74 74 6f 6e  ecte_copy_button
07f0: 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20 62 61 63  :hover {.    bac
0800: 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68  kground-color: h
0810: 73 6c 28 32 31 30 2c 20 39 30 25 2c 20 33 35 25  sl(210, 90%, 35%
0820: 2c 20 2e 35 29 3b 0a 20 20 20 20 63 6f 6c 6f 72  , .5);.    color
0830: 3a 20 68 73 6c 61 28 32 31 30 2c 20 30 25 2c 20  : hsla(210, 0%, 
0840: 31 30 30 25 2c 20 31 29 3b 0a 7d 0a 64 69 76 2e  100%, 1);.}.div.
0850: 67 72 61 6d 6d 61 6c 65 63 74 65 5f 6d 6f 76 65  grammalecte_move
0860: 5f 62 75 74 74 6f 6e 20 7b 0a 20 20 20 20 70 61  _button {.    pa
0870: 64 64 69 6e 67 3a 20 31 70 78 20 35 70 78 3b 0a  dding: 1px 5px;.
0880: 20 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75      border-radiu
0890: 73 3a 20 31 36 70 78 3b 0a 20 20 20 20 63 6f 6c  s: 16px;.    col
08a0: 6f 72 3a 20 68 73 6c 61 28 31 38 30 2c 20 30 25  or: hsla(180, 0%
08b0: 2c 20 31 30 30 25 2c 20 2e 35 29 3b 0a 20 20 20  , 100%, .5);.   
08c0: 20 6f 70 61 63 69 74 79 3a 20 2e 35 3b 0a 7d 0a   opacity: .5;.}.
08d0: 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74 65 5f  div.grammalecte_
08e0: 6d 6f 76 65 5f 62 75 74 74 6f 6e 5f 75 70 20 7b  move_button_up {
08f0: 0a 20 20 20 20 70 61 64 64 69 6e 67 3a 20 31 70  .    padding: 1p
0900: 78 20 31 30 70 78 3b 0a 20 20 20 20 62 61 63 6b  x 10px;.    back
0910: 67 72 6f 75 6e 64 3a 20 63 65 6e 74 65 72 20 6e  ground: center n
0920: 6f 2d 72 65 70 65 61 74 20 75 72 6c 28 27 64 61  o-repeat url('da
0930: 74 61 3a 69 6d 61 67 65 2f 70 6e 67 3b 62 61 73  ta:image/png;bas
0940: 65 36 34 2c 69 56 42 4f 52 77 30 4b 47 67 6f 41  e64,iVBORw0KGgoA
0950: 41 41 41 4e 53 55 68 45 55 67 41 41 41 41 77 41  AAANSUhEUgAAAAwA
0960: 41 41 41 4d 43 41 59 41 41 41 42 57 64 56 7a 6e  AAAMCAYAAABWdVzn
0970: 41 41 41 41 41 58 4e 53 52 30 49 41 72 73 34 63  AAAAAXNSR0IArs4c
0980: 36 51 41 41 41 41 52 6e 51 55 31 42 41 41 43 78  6QAAAARnQU1BAACx
0990: 6a 77 76 38 59 51 55 41 41 41 41 4a 63 45 68 5a  jwv8YQUAAAAJcEhZ
09a0: 63 77 41 41 44 73 4d 41 41 41 37 44 41 63 64 76  cwAADsMAAA7DAcdv
09b0: 71 47 51 41 41 41 41 59 64 45 56 59 64 46 4e 76  qGQAAAAYdEVYdFNv
09c0: 5a 6e 52 33 59 58 4a 6c 41 48 42 68 61 57 35 30  ZnR3YXJlAHBhaW50
09d0: 4c 6d 35 6c 64 43 41 30 4c 6a 45 75 4e 76 31 4f  Lm5ldCA0LjEuNv1O
09e0: 43 65 67 41 41 41 42 63 53 55 52 42 56 43 68 54  CegAAABcSURBVChT
09f0: 6c 59 36 37 44 63 41 67 44 45 51 5a 68 67 33 6f  lY67DcAgDEQZhg3o
0a00: 47 4a 4d 75 41 39 43 7a 6f 54 6c 62 63 6f 51 54  GJMuA9CzoTlbcoQT
0a10: 38 7a 76 70 46 58 37 63 53 51 51 69 75 73 4b 56  8zvpFX7cSQQiusKV
0a20: 4b 31 77 4a 43 6b 67 66 4a 2f 77 45 34 4c 49 6d  K1wJCkgfJ/wE4LIm
0a30: 41 2f 4e 75 44 6a 43 57 4e 57 59 30 6c 68 38 77  A/NuDjCWNWY0lh8w
0a40: 79 7a 76 53 63 67 57 37 79 49 6a 4c 54 63 36 7a  yzvScgW7yIjLTc6z
0a50: 5a 42 37 45 47 2f 52 4c 78 37 68 79 68 53 76 6e  ZB7EG/RLx7hyhSvn
0a60: 55 4f 67 66 75 64 4c 72 6b 73 79 65 31 51 41 41  UOgfudLrksye1QAA
0a70: 41 41 42 4a 52 55 35 45 72 6b 4a 67 67 67 3d 3d  AABJRU5ErkJggg==
0a80: 27 29 3b 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d 61  ');.}.div.gramma
0a90: 6c 65 63 74 65 5f 6d 6f 76 65 5f 62 75 74 74 6f  lecte_move_butto
0aa0: 6e 5f 72 69 67 68 74 20 7b 0a 20 20 20 20 70 61  n_right {.    pa
0ab0: 64 64 69 6e 67 3a 20 31 70 78 20 31 30 70 78 3b  dding: 1px 10px;
0ac0: 0a 20 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a  .    background:
0ad0: 20 63 65 6e 74 65 72 20 6e 6f 2d 72 65 70 65 61   center no-repea
0ae0: 74 20 75 72 6c 28 27 64 61 74 61 3a 69 6d 61 67  t url('data:imag
0af0: 65 2f 70 6e 67 3b 62 61 73 65 36 34 2c 69 56 42  e/png;base64,iVB
0b00: 4f 52 77 30 4b 47 67 6f 41 41 41 41 4e 53 55 68  ORw0KGgoAAAANSUh
0b10: 45 55 67 41 41 41 41 77 41 41 41 41 4d 43 41 59  EUgAAAAwAAAAMCAY
0b20: 41 41 41 42 57 64 56 7a 6e 41 41 41 41 41 58 4e  AAABWdVznAAAAAXN
0b30: 53 52 30 49 41 72 73 34 63 36 51 41 41 41 41 52  SR0IArs4c6QAAAAR
0b40: 6e 51 55 31 42 41 41 43 78 6a 77 76 38 59 51 55  nQU1BAACxjwv8YQU
0b50: 41 41 41 41 4a 63 45 68 5a 63 77 41 41 44 73 4d  AAAAJcEhZcwAADsM
0b60: 41 41 41 37 44 41 63 64 76 71 47 51 41 41 41 41  AAA7DAcdvqGQAAAA
0b70: 59 64 45 56 59 64 46 4e 76 5a 6e 52 33 59 58 4a  YdEVYdFNvZnR3YXJ
0b80: 6c 41 48 42 68 61 57 35 30 4c 6d 35 6c 64 43 41  lAHBhaW50Lm5ldCA
0b90: 30 4c 6a 45 75 4e 76 31 4f 43 65 67 41 41 41 42  0LjEuNv1OCegAAAB
0ba0: 6c 53 55 52 42 56 43 68 54 64 59 73 35 44 6f 42  lSURBVChTdYs5DoB
0bb0: 41 44 41 50 33 68 7a 54 30 2f 49 79 57 6c 70 61  ADAP3hzT0/IyWlpa
0bc0: 53 6c 77 55 48 62 61 49 63 33 70 47 6d 53 47 77  SlwUHbaIc3pGmSGw
0bd0: 50 45 61 6b 65 35 4f 65 79 70 37 4a 44 6c 69 30  PEake5Oeyp7JDli0
0be0: 48 79 67 5a 62 33 68 34 77 30 6b 62 70 6d 46 62  HygZb3h4w0kbpmFb
0bf0: 53 4b 42 5a 4e 68 6f 39 71 57 57 57 63 38 4d 39  SKBZNho9qWWWc8M9
0c00: 72 57 61 31 63 30 50 4e 59 4e 43 4d 33 54 48 6b  rWa1c0PNYNCM3THk
0c10: 36 70 73 59 44 57 39 34 65 55 48 6b 68 79 2b 68  6psYDW94eUHkhy+h
0c20: 67 57 52 61 52 38 51 48 75 72 74 4a 68 34 4f 49  gWRaR8QHurtJh4OI
0c30: 39 4a 77 41 41 41 41 42 4a 52 55 35 45 72 6b 4a  9JwAAAABJRU5ErkJ
0c40: 67 67 67 3d 3d 27 29 3b 0a 7d 0a 64 69 76 2e 67  ggg==');.}.div.g
0c50: 72 61 6d 6d 61 6c 65 63 74 65 5f 6d 6f 76 65 5f  rammalecte_move_
0c60: 62 75 74 74 6f 6e 5f 64 6f 77 6e 20 7b 0a 20 20  button_down {.  
0c70: 20 20 70 61 64 64 69 6e 67 3a 20 31 70 78 20 31    padding: 1px 1
0c80: 30 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f  0px;.    backgro
0c90: 75 6e 64 3a 20 63 65 6e 74 65 72 20 6e 6f 2d 72  und: center no-r
0ca0: 65 70 65 61 74 20 75 72 6c 28 27 64 61 74 61 3a  epeat url('data:
0cb0: 69 6d 61 67 65 2f 70 6e 67 3b 62 61 73 65 36 34  image/png;base64
0cc0: 2c 69 56 42 4f 52 77 30 4b 47 67 6f 41 41 41 41  ,iVBORw0KGgoAAAA
0cd0: 4e 53 55 68 45 55 67 41 41 41 41 77 41 41 41 41  NSUhEUgAAAAwAAAA
0ce0: 4d 43 41 59 41 41 41 42 57 64 56 7a 6e 41 41 41  MCAYAAABWdVznAAA
0cf0: 41 41 58 4e 53 52 30 49 41 72 73 34 63 36 51 41  AAXNSR0IArs4c6QA
0d00: 41 41 41 52 6e 51 55 31 42 41 41 43 78 6a 77 76  AAARnQU1BAACxjwv
0d10: 38 59 51 55 41 41 41 41 4a 63 45 68 5a 63 77 41  8YQUAAAAJcEhZcwA
0d20: 41 44 73 4d 41 41 41 37 44 41 63 64 76 71 47 51  ADsMAAA7DAcdvqGQ
0d30: 41 41 41 41 59 64 45 56 59 64 46 4e 76 5a 6e 52  AAAAYdEVYdFNvZnR
0d40: 33 59 58 4a 6c 41 48 42 68 61 57 35 30 4c 6d 35  3YXJlAHBhaW50Lm5
0d50: 6c 64 43 41 30 4c 6a 45 75 4e 76 31 4f 43 65 67  ldCA0LjEuNv1OCeg
0d60: 41 41 41 42 63 53 55 52 42 56 43 68 54 59 2f 6a  AAABcSURBVChTY/j
0d70: 2f 2f 7a 39 4a 47 4b 73 67 50 6f 78 56 45 42 2f  //z9JGKsgPoxVEB/
0d80: 47 4b 6f 67 50 67 34 6a 72 4a 4f 42 4b 6b 41 59  GKogPg4jrJOBKkAY
0d90: 7a 49 43 59 47 62 41 64 69 75 4a 4d 49 61 56 6f  zICYGbAdiuJMIaVo
0da0: 4e 78 48 41 6e 45 64 4b 30 41 49 6a 68 36 70 41  NxHAnEdK0AIjh6pA
0db0: 31 67 44 43 36 70 6a 6c 41 6a 4b 49 47 68 51 50  1gDC6pjlAjKIGhQP
0dc0: 46 70 6b 41 4d 41 68 69 4b 51 52 68 44 41 49 71  FpkAMAhiKQRhDAIq
0dd0: 56 73 59 69 42 4d 56 5a 42 33 50 67 2f 41 77 41  VsYiBMVZB3Pg/AwA
0de0: 51 6b 64 56 6e 43 6f 6a 79 63 77 41 41 41 41 42  QkdVnCojycwAAAAB
0df0: 4a 52 55 35 45 72 6b 4a 67 67 67 3d 3d 27 29 3b  JRU5ErkJggg==');
0e00: 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63  .}.div.grammalec
0e10: 74 65 5f 6d 6f 76 65 5f 62 75 74 74 6f 6e 5f 6c  te_move_button_l
0e20: 65 66 74 20 7b 0a 20 20 20 20 70 61 64 64 69 6e  eft {.    paddin
0e30: 67 3a 20 31 70 78 20 31 30 70 78 3b 0a 20 20 20  g: 1px 10px;.   
0e40: 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 63 65 6e   background: cen
0e50: 74 65 72 20 6e 6f 2d 72 65 70 65 61 74 20 75 72  ter no-repeat ur
0e60: 6c 28 27 64 61 74 61 3a 69 6d 61 67 65 2f 70 6e  l('data:image/pn
0e70: 67 3b 62 61 73 65 36 34 2c 69 56 42 4f 52 77 30  g;base64,iVBORw0
0e80: 4b 47 67 6f 41 41 41 41 4e 53 55 68 45 55 67 41  KGgoAAAANSUhEUgA
0e90: 41 41 41 77 41 41 41 41 4d 43 41 59 41 41 41 42  AAAwAAAAMCAYAAAB
0ea0: 57 64 56 7a 6e 41 41 41 41 41 58 4e 53 52 30 49  WdVznAAAAAXNSR0I
0eb0: 41 72 73 34 63 36 51 41 41 41 41 52 6e 51 55 31  Ars4c6QAAAARnQU1
0ec0: 42 41 41 43 78 6a 77 76 38 59 51 55 41 41 41 41  BAACxjwv8YQUAAAA
0ed0: 4a 63 45 68 5a 63 77 41 41 44 73 4d 41 41 41 37  JcEhZcwAADsMAAA7
0ee0: 44 41 63 64 76 71 47 51 41 41 41 41 59 64 45 56  DAcdvqGQAAAAYdEV
0ef0: 59 64 46 4e 76 5a 6e 52 33 59 58 4a 6c 41 48 42  YdFNvZnR3YXJlAHB
0f00: 68 61 57 35 30 4c 6d 35 6c 64 43 41 30 4c 6a 45  haW50Lm5ldCA0LjE
0f10: 75 4e 76 31 4f 43 65 67 41 41 41 42 61 53 55 52  uNv1OCegAAABaSUR
0f20: 42 56 43 68 54 59 2f 6a 2f 2f 7a 38 2b 33 49 67  BVChTY/j//z8+3Ig
0f30: 75 68 73 4a 42 77 2f 65 42 65 42 2b 61 47 45 34  uhsJBw/eBeB+aGE4
0f40: 4e 31 34 41 59 42 49 6a 53 63 42 61 49 59 59 43  N14AYBIjScBaIYYC
0f50: 67 68 73 4e 41 6a 41 7a 77 61 74 67 46 78 4f 67  ghsNAjAzwatgFxOg
0f60: 41 70 77 5a 39 49 4d 59 47 38 4e 71 41 54 52 4e  ApwZ9IMYG8NqATRN
0f70: 42 50 36 42 72 49 71 67 42 68 4a 45 31 45 61 55  BP6BrIqgBhJE1EaU
0f80: 42 68 47 47 61 69 4e 59 41 77 6b 5a 41 6a 4b 62  BhGGaiNYAwkZAjKb
0f90: 68 50 77 4d 41 50 35 72 56 44 6c 55 6e 44 74 38  hPwMAP5rVDlUnDt8
0fa0: 41 41 41 41 41 53 55 56 4f 52 4b 35 43 59 49 49  AAAAASUVORK5CYII
0fb0: 3d 27 29 3b 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d  =');.}.div.gramm
0fc0: 61 6c 65 63 74 65 5f 6d 6f 76 65 5f 62 75 74 74  alecte_move_butt
0fd0: 6f 6e 3a 68 6f 76 65 72 20 7b 0a 20 20 20 20 62  on:hover {.    b
0fe0: 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a  ackground-color:
0ff0: 20 68 73 6c 61 28 31 38 30 2c 20 38 30 25 2c 20   hsla(180, 80%, 
1000: 35 30 25 2c 20 2e 31 29 3b 0a 20 20 20 20 63 6f  50%, .1);.    co
1010: 6c 6f 72 3a 20 68 73 6c 61 28 31 38 30 2c 20 30  lor: hsla(180, 0
1020: 25 2c 20 31 30 30 25 2c 20 31 29 3b 0a 20 20 20  %, 100%, 1);.   
1030: 20 6f 70 61 63 69 74 79 3a 20 31 3b 0a 7d 0a 64   opacity: 1;.}.d
1040: 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74 65 5f 63  iv.grammalecte_c
1050: 6c 6f 73 65 5f 62 75 74 74 6f 6e 20 7b 0a 20 20  lose_button {.  
1060: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a    border-radius:
1070: 20 30 20 38 70 78 20 30 20 34 70 78 3b 0a 20 20   0 8px 0 4px;.  
1080: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c    background-col
1090: 6f 72 3a 20 68 73 6c 61 28 30 2c 20 38 30 25 2c  or: hsla(0, 80%,
10a0: 20 35 30 25 2c 20 2e 35 29 3b 0a 20 20 20 20 63   50%, .5);.    c
10b0: 6f 6c 6f 72 3a 20 68 73 6c 61 28 32 31 30 2c 20  olor: hsla(210, 
10c0: 30 25 2c 20 31 30 30 25 2c 20 2e 35 29 3b 0a 7d  0%, 100%, .5);.}
10d0: 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74 65  .div.grammalecte
10e0: 5f 63 6c 6f 73 65 5f 62 75 74 74 6f 6e 3a 68 6f  _close_button:ho
10f0: 76 65 72 20 7b 0a 20 20 20 20 62 61 63 6b 67 72  ver {.    backgr
1100: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28  ound-color: hsl(
1110: 30 2c 20 31 30 30 25 2c 20 36 30 25 29 3b 0a 20  0, 100%, 60%);. 
1120: 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 61 28 32     color: hsla(2
1130: 31 30 2c 20 30 25 2c 20 31 30 30 25 2c 20 31 29  10, 0%, 100%, 1)
1140: 3b 0a 7d 0a 0a 64 69 76 2e 67 72 61 6d 6d 61 6c  ;.}..div.grammal
1150: 65 63 74 65 5f 70 61 6e 65 6c 5f 6d 65 6e 75 20  ecte_panel_menu 
1160: 7b 0a 20 20 20 20 64 69 73 70 6c 61 79 3a 20 66  {.    display: f
1170: 6c 65 78 3b 0a 20 20 20 20 66 6c 65 78 2d 64 69  lex;.    flex-di
1180: 72 65 63 74 69 6f 6e 3a 20 72 6f 77 3b 0a 20 20  rection: row;.  
1190: 20 20 6a 75 73 74 69 66 79 2d 63 6f 6e 74 65 6e    justify-conten
11a0: 74 3a 20 73 70 61 63 65 2d 61 72 6f 75 6e 64 3b  t: space-around;
11b0: 0a 7d 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63  .}.div.grammalec
11c0: 74 65 5f 6d 65 6e 75 5f 62 75 74 74 6f 6e 20 7b  te_menu_button {
11d0: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
11e0: 32 31 30 2c 20 35 30 25 2c 20 39 36 25 29 3b 0a  210, 50%, 96%);.
11f0: 20 20 20 20 70 61 64 64 69 6e 67 3a 20 35 70 78      padding: 5px
1200: 20 31 30 70 78 3b 0a 20 20 20 20 66 6f 6e 74 2d   10px;.    font-
1210: 73 69 7a 65 3a 20 31 32 70 78 3b 0a 20 20 20 20  size: 12px;.    
1220: 66 6f 6e 74 2d 76 61 72 69 61 6e 74 3a 20 73 6d  font-variant: sm
1230: 61 6c 6c 2d 63 61 70 73 3b 0a 20 20 20 20 63 75  all-caps;.    cu
1240: 72 73 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 20  rsor: pointer;. 
1250: 20 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73     border-radius
1260: 3a 20 33 70 78 3b 0a 7d 0a 64 69 76 2e 67 72 61  : 3px;.}.div.gra
1270: 6d 6d 61 6c 65 63 74 65 5f 6d 65 6e 75 5f 62 75  mmalecte_menu_bu
1280: 74 74 6f 6e 3a 68 6f 76 65 72 20 7b 0a 20 20 20  tton:hover {.   
1290: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f   background-colo
12a0: 72 3a 20 68 73 6c 28 32 31 30 2c 20 38 30 25 2c  r: hsl(210, 80%,
12b0: 20 34 30 25 29 3b 0a 7d 0a 0a 0a 64 69 76 2e 67   40%);.}...div.g
12c0: 72 61 6d 6d 61 6c 65 63 74 65 5f 70 61 6e 65 6c  rammalecte_panel
12d0: 5f 63 6f 6e 74 65 6e 74 20 7b 0a 20 20 20 20 2f  _content {.    /
12e0: 2a 20 68 74 74 70 73 3a 2f 2f 73 74 61 63 6b 6f  * https://stacko
12f0: 76 65 72 66 6c 6f 77 2e 63 6f 6d 2f 71 75 65 73  verflow.com/ques
1300: 74 69 6f 6e 73 2f 37 36 37 36 30 32 32 2f 68 74  tions/7676022/ht
1310: 6d 6c 35 2d 66 6c 65 78 69 62 6c 65 2d 62 6f 78  ml5-flexible-box
1320: 2d 6d 6f 64 65 6c 2d 68 65 69 67 68 74 2d 63 61  -model-height-ca
1330: 6c 63 75 6c 61 74 69 6f 6e 2f 31 35 33 38 38 32  lculation/153882
1340: 34 37 23 31 35 33 38 38 32 34 37 20 2a 2f 0a 20  47#15388247 */. 
1350: 20 20 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65 6c     position: rel
1360: 61 74 69 76 65 3b 0a 20 20 20 20 66 6c 65 78 2d  ative;.    flex-
1370: 67 72 6f 77 3a 20 31 3b 0a 20 20 20 20 6f 76 65  grow: 1;.    ove
1380: 72 66 6c 6f 77 3a 20 61 75 74 6f 3b 0a 7d 0a 0a  rflow: auto;.}..
1390: 64 69 76 23 67 72 61 6d 6d 61 6c 65 63 74 65 5f  div#grammalecte_
13a0: 70 61 6e 65 6c 5f 6d 65 73 73 61 67 65 5f 62 6c  panel_message_bl
13b0: 6f 63 6b 20 7b 0a 20 20 20 20 64 69 73 70 6c 61  ock {.    displa
13c0: 79 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 70 61 64  y: none;.    pad
13d0: 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20 20 20  ding: 10px;.    
13e0: 6d 61 72 67 69 6e 2d 62 6f 74 74 6f 6d 3a 20 33  margin-bottom: 3
13f0: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
1400: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 36 30  nd-color: hsl(60
1410: 2c 20 39 30 25 2c 20 38 30 25 29 3b 0a 20 20 20  , 90%, 80%);.   
1420: 20 62 6f 72 64 65 72 2d 74 6f 70 3a 20 32 70 78   border-top: 2px
1430: 20 73 6f 6c 69 64 3b 0a 20 20 20 20 62 6f 72 64   solid;.    bord
1440: 65 72 2d 62 6f 74 74 6f 6d 3a 20 32 70 78 20 73  er-bottom: 2px s
1450: 6f 6c 69 64 3b 0a 20 20 20 20 62 6f 72 64 65 72  olid;.    border
1460: 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 36 30 2c 20  -color: hsl(60, 
1470: 39 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63  90%, 50%);.    c
1480: 6f 6c 6f 72 3a 20 68 73 6c 28 36 30 2c 20 31 30  olor: hsl(60, 10
1490: 25 2c 20 34 30 25 29 3b 0a 20 20 20 20 66 6f 6e  %, 40%);.    fon
14a0: 74 2d 66 61 6d 69 6c 79 3a 20 22 54 72 65 62 75  t-family: "Trebu
14b0: 63 68 65 74 20 4d 53 22 2c 20 22 46 69 72 61 20  chet MS", "Fira 
14c0: 53 61 6e 73 22 2c 20 22 55 62 75 6e 74 75 20 43  Sans", "Ubuntu C
14d0: 6f 6e 64 65 6e 73 65 64 22 2c 20 22 4c 69 62 65  ondensed", "Libe
14e0: 72 61 74 69 6f 6e 20 53 61 6e 73 22 2c 20 73 61  ration Sans", sa
14f0: 6e 73 2d 73 65 72 69 66 3b 0a 20 20 20 20 66 6f  ns-serif;.    fo
1500: 6e 74 2d 73 69 7a 65 3a 20 31 34 70 78 3b 0a 20  nt-size: 14px;. 
1510: 20 20 20 68 79 70 68 65 6e 73 3a 20 61 75 74 6f     hyphens: auto
1520: 3b 0a 7d 0a 64 69 76 23 67 72 61 6d 6d 61 6c 65  ;.}.div#grammale
1530: 63 74 65 5f 70 61 6e 65 6c 5f 6d 65 73 73 61 67  cte_panel_messag
1540: 65 5f 63 6c 6f 73 65 5f 62 75 74 74 6f 6e 20 7b  e_close_button {
1550: 0a 20 20 20 20 66 6c 6f 61 74 3a 20 72 69 67 68  .    float: righ
1560: 74 3b 0a 20 20 20 20 6d 61 72 67 69 6e 3a 20 30  t;.    margin: 0
1570: 20 30 20 31 30 70 78 20 31 30 70 78 3b 0a 20 20   0 10px 10px;.  
1580: 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20 35    padding: 2px 5
1590: 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 2d 72  px;.    border-r
15a0: 61 64 69 75 73 3a 20 35 70 78 3b 0a 20 20 20 20  adius: 5px;.    
15b0: 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72  background-color
15c0: 3a 20 68 73 6c 28 36 30 2c 20 39 30 25 2c 20 35  : hsl(60, 90%, 5
15d0: 30 25 29 3b 0a 20 20 20 20 63 6f 6c 6f 72 3a 20  0%);.    color: 
15e0: 68 73 6c 28 30 2c 20 36 30 25 2c 20 38 30 25 29  hsl(0, 60%, 80%)
15f0: 3b 0a 20 20 20 20 66 6f 6e 74 2d 73 69 7a 65 3a  ;.    font-size:
1600: 20 31 34 70 78 3b 0a 20 20 20 20 66 6f 6e 74 2d   14px;.    font-
1610: 77 65 69 67 68 74 3a 20 62 6f 6c 64 3b 0a 20 20  weight: bold;.  
1620: 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65    cursor: pointe
1630: 72 3b 0a 7d 0a 64 69 76 23 67 72 61 6d 6d 61 6c  r;.}.div#grammal
1640: 65 63 74 65 5f 70 61 6e 65 6c 5f 6d 65 73 73 61  ecte_panel_messa
1650: 67 65 5f 63 6c 6f 73 65 5f 62 75 74 74 6f 6e 3a  ge_close_button:
1660: 68 6f 76 65 72 20 7b 0a 20 20 20 20 62 61 63 6b  hover {.    back
1670: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73  ground-color: hs
1680: 6c 28 30 2c 20 31 30 30 25 2c 20 36 30 25 29 3b  l(0, 100%, 60%);
1690: 0a 20 20 20 20 63 6f 6c 6f 72 3a 20 68 73 6c 28  .    color: hsl(
16a0: 30 2c 20 35 30 25 2c 20 31 30 30 25 29 3b 0a 7d  0, 50%, 100%);.}
16b0: 0a 0a 64 69 76 2e 67 72 61 6d 6d 61 6c 65 63 74  ..div.grammalect
16c0: 65 5f 70 61 6e 65 6c 5f 66 6c 6f 77 5f 6d 65 73  e_panel_flow_mes
16d0: 73 61 67 65 20 7b 0a 20 20 20 20 6d 61 72 67 69  sage {.    margi
16e0: 6e 3a 20 31 30 70 78 3b 0a 20 20 20 20 70 61 64  n: 10px;.    pad
16f0: 64 69 6e 67 3a 20 31 30 70 78 3b 0a 20 20 20 20  ding: 10px;.    
1700: 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20 35  border-radius: 5
1710: 70 78 3b 0a 20 20 20 20 62 61 63 6b 67 72 6f 75  px;.    backgrou
1720: 6e 64 2d 63 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c  nd-color: hsl(0,
1730: 20 30 25 2c 20 35 30 25 29 3b 0a 20 20 20 20 63   0%, 50%);.    c
1740: 6f 6c 6f 72 3a 20 68 73 6c 28 30 2c 20 35 30 25  olor: hsl(0, 50%
1750: 2c 20 39 36 25 29 3b 0a 20 20 20 20 66 6f 6e 74  , 96%);.    font
1760: 2d 66 61 6d 69 6c 79 3a 20 22 54 72 65 62 75 63  -family: "Trebuc
1770: 68 65 74 20 4d 53 22 2c 20 22 46 69 72 61 20 53  het MS", "Fira S
1780: 61 6e 73 22 2c 20 22 55 62 75 6e 74 75 20 43 6f  ans", "Ubuntu Co
1790: 6e 64 65 6e 73 65 64 22 2c 20 22 4c 69 62 65 72  ndensed", "Liber
17a0: 61 74 69 6f 6e 20 53 61 6e 73 22 2c 20 73 61 6e  ation Sans", san
17b0: 73 2d 73 65 72 69 66 3b 0a 20 20 20 20 66 6f 6e  s-serif;.    fon
17c0: 74 2d 73 69 7a 65 3a 20 31 36 70 78 3b 0a 7d 0a  t-size: 16px;.}.
17d0: 0a 0a 0a 0a 0a 2f 2a 0a 20 20 20 20 53 70 69 6e  ...../*.    Spin
17e0: 6e 65 72 0a 2a 2f 0a 64 69 76 2e 67 72 61 6d 6d  ner.*/.div.gramm
17f0: 61 6c 65 63 74 65 5f 73 70 69 6e 6e 65 72 20 7b  alecte_spinner {
1800: 0a 20 20 20 20 76 69 73 69 62 69 6c 69 74 79 3a  .    visibility:
1810: 20 68 69 64 64 65 6e 3b 0a 20 20 20 20 62 6f 78   hidden;.    box
1820: 2d 73 69 7a 69 6e 67 3a 20 62 6f 72 64 65 72 2d  -sizing: border-
1830: 62 6f 78 3b 0a 20 20 20 20 77 69 64 74 68 3a 20  box;.    width: 
1840: 33 30 70 78 3b 0a 20 20 20 20 68 65 69 67 68 74  30px;.    height
1850: 3a 20 33 30 70 78 3b 0a 20 20 20 20 70 6f 73 69  : 30px;.    posi
1860: 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 3b 0a  tion: absolute;.
1870: 20 20 20 20 74 6f 70 3a 20 32 70 78 3b 0a 20 20      top: 2px;.  
1880: 20 20 6c 65 66 74 3a 20 31 39 30 70 78 3b 0a 20    left: 190px;. 
1890: 20 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f     background-co
18a0: 6c 6f 72 3a 20 68 73 6c 61 28 30 2c 20 31 30 30  lor: hsla(0, 100
18b0: 25 2c 20 33 30 25 2c 20 2e 35 29 3b 0a 20 20 20  %, 30%, .5);.   
18c0: 20 62 6f 72 64 65 72 3a 20 33 70 78 20 73 6f 6c   border: 3px sol
18d0: 69 64 20 68 73 6c 61 28 30 2c 20 31 30 30 25 2c  id hsla(0, 100%,
18e0: 20 33 30 25 2c 20 2e 35 29 3b 0a 20 20 20 20 62   30%, .5);.    b
18f0: 6f 72 64 65 72 2d 74 6f 70 3a 20 33 70 78 20 73  order-top: 3px s
1900: 6f 6c 69 64 20 68 73 6c 61 28 30 2c 20 31 30 30  olid hsla(0, 100
1910: 25 2c 20 35 30 25 2c 20 2e 39 29 3b 0a 20 20 20  %, 50%, .9);.   
1920: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 20   border-radius: 
1930: 35 30 25 3b 0a 20 20 20 20 74 65 78 74 2d 61 6c  50%;.    text-al
1940: 69 67 6e 3a 20 63 65 6e 74 65 72 3b 0a 20 20 20  ign: center;.   
1950: 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65 72   cursor: pointer
1960: 3b 0a 20 20 20 20 62 6f 78 2d 73 68 61 64 6f 77  ;.    box-shadow
1970: 3a 20 30 20 30 20 30 20 30 20 68 73 6c 61 28 30  : 0 0 0 0 hsla(0
1980: 2c 20 38 30 25 2c 20 35 30 25 2c 20 2e 37 29 3b  , 80%, 50%, .7);
1990: 0a 20 20 20 20 61 6e 69 6d 61 74 69 6f 6e 3a 20  .    animation: 
19a0: 67 72 61 6d 6d 61 6c 65 63 74 65 2d 73 70 69 6e  grammalecte-spin
19b0: 2d 62 69 67 20 32 73 20 6c 69 6e 65 61 72 20 69  -big 2s linear i
19c0: 6e 66 69 6e 69 74 65 3b 0a 7d 0a 0a 40 6b 65 79  nfinite;.}..@key
19d0: 66 72 61 6d 65 73 20 67 72 61 6d 6d 61 6c 65 63  frames grammalec
19e0: 74 65 2d 73 70 69 6e 2d 62 69 67 20 7b 0a 20 20  te-spin-big {.  
19f0: 20 20 30 25 20 7b 0a 20 20 20 20 20 20 20 20 74    0% {.        t
1a00: 72 61 6e 73 66 6f 72 6d 3a 20 72 6f 74 61 74 65  ransform: rotate
1a10: 28 30 64 65 67 29 20 73 63 61 6c 65 28 31 29 3b  (0deg) scale(1);
1a20: 0a 20 20 20 20 7d 0a 20 20 20 20 35 30 25 20 7b  .    }.    50% {
1a30: 0a 20 20 20 20 20 20 20 20 74 72 61 6e 73 66 6f  .        transfo
1a40: 72 6d 3a 20 72 6f 74 61 74 65 28 31 38 30 64 65  rm: rotate(180de
1a50: 67 29 20 73 63 61 6c 65 28 2e 39 35 29 3b 0a 20  g) scale(.95);. 
1a60: 20 20 20 20 20 20 20 62 6f 78 2d 73 68 61 64 6f         box-shado
1a70: 77 3a 20 30 20 30 20 30 20 31 30 70 78 20 68 73  w: 0 0 0 10px hs
1a80: 6c 61 28 30 2c 20 35 30 25 2c 20 35 30 25 2c 20  la(0, 50%, 50%, 
1a90: 30 29 3b 0a 20 20 20 20 7d 0a 20 20 20 20 31 30  0);.    }.    10
1aa0: 30 25 20 7b 0a 20 20 20 20 20 20 20 20 74 72 61  0% {.        tra
1ab0: 6e 73 66 6f 72 6d 3a 20 72 6f 74 61 74 65 28 33  nsform: rotate(3
1ac0: 36 30 64 65 67 29 20 73 63 61 6c 65 28 31 29 3b  60deg) scale(1);
1ad0: 0a 20 20 20 20 20 20 20 20 62 6f 78 2d 73 68 61  .        box-sha
1ae0: 64 6f 77 3a 20 30 20 30 20 30 20 30 20 68 73 6c  dow: 0 0 0 0 hsl
1af0: 61 28 30 2c 20 35 30 25 2c 20 35 30 25 2c 20 30  a(0, 50%, 50%, 0
1b00: 29 3b 0a 20 20 20 20 7d 0a 7d 0a                 );.    }.}.