holygrail2 1.3.55 → 1.3.58

package/dist/docs.css

@@ -0,0 +1,1157 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html,
+body,
+div,
+span,
+select,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+figure,
+footer,
+header,
+main,
+menu,
+nav,
+section,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  background: transparent;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+img {
+  max-width: 100%;
+  border-width: 0;
+  vertical-align: middle;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type=number] {
+  -moz-appearance: textfield;
+}
+
+:root {
+  --line-width: 1px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
+  :root {
+    --line-width: 0.5px;
+    --line-width-negative: -0.5px;
+  }
+}
+
+button {
+  padding-inline: 0;
+  padding-block: 0;
+}
+
+@keyframes underline {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 100%;
+  }
+}
+@keyframes opacity {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes stretch {
+  0% {
+    height: 0;
+  }
+  100% {
+    height: 80px;
+  }
+}
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -100%);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, 0);
+  }
+}
+@keyframes bounce {
+  0% {
+    transform: translateZ(0);
+  }
+  to {
+    transform: translate3d(0, -15px, 0);
+  }
+}
+@keyframes fadein {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeout {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes spin {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes opendrawer {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes closedrawer {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+@keyframes opendrawerRTL {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes closedrawerRTL {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
+}
+@keyframes fadeInOverlay {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0.15;
+  }
+}
+@keyframes fadeOutOverlay {
+  from {
+    opacity: 0.15;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.duration-50 {
+  animation-duration: 50ms;
+}
+
+.duration-150 {
+  animation-duration: 150ms;
+}
+
+.duration-300 {
+  animation-duration: 300ms;
+}
+
+.duration-400 {
+  animation-duration: 400ms;
+}
+
+.duration-500 {
+  animation-duration: 500ms;
+}
+
+.duration-700 {
+  animation-duration: 700ms;
+}
+
+.duration-800 {
+  animation-duration: 800ms;
+}
+
+.duration-1000 {
+  animation-duration: 1000ms;
+}
+
+.slide-in {
+  animation: slide-right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+.slide-out {
+  animation: slide-left 300ms cubic-bezier(0.39, 0.575, 0.565, 1) both;
+}
+
+.fade-in {
+  animation: fade-in 300ms ease-in-out both;
+}
+
+.fade-out {
+  animation: fade-out 150ms ease-in-out both;
+}
+
+.expand-top {
+  animation: scale-up-top 700ms ease-in-out both;
+}
+
+.collapse-top {
+  animation: scale-down-top 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+
+.guide section {
+  padding-bottom: 20px;
+}
+.guide .element-code {
+  width: 100%;
+  max-width: 500px;
+  min-height: 200px;
+  margin: 20px auto;
+}
+.guide .title-zone {
+  color: #000;
+  margin-bottom: 20px;
+  padding: 100px 0 10px;
+}
+.guide .site-main {
+  position: relative;
+  margin: 0 0 0 55px;
+  padding: 0 8px;
+}
+@media (min-width: 1280px) {
+  .guide .site-main {
+    margin: 0 0 0 180px;
+  }
+}
+.guide .mb-5 {
+  margin-bottom: 5px;
+}
+.guide .menu-lateral ul.list-clear li {
+  line-height: 1.2;
+}
+.guide .menu-lateral {
+  padding-left: 10px;
+}
+.guide .guide-logo-menu img {
+  padding-top: 20px;
+}
+.guide .guide-title {
+  color: #878787;
+  font-size: 11px;
+  font-family: Arial, Helvetica, sans-serif !important;
+  text-transform: uppercase;
+}
+.guide .guide-text {
+  text-align: center;
+  width: 100%;
+  color: #b7c1c8;
+  font-size: 8px;
+  font-family: Arial, Helvetica, sans-serif !important;
+  text-transform: uppercase;
+  padding: 10px 0;
+  float: left;
+}
+.guide .guide-text span {
+  width: 100%;
+  clear: both;
+  float: left;
+}
+.guide .menulateral {
+  position: fixed;
+  top: 62px;
+  overflow: auto;
+  height: calc(100vh - 62px);
+  font-size: 10px;
+  box-sizing: border-box;
+  width: 180px;
+  padding: 0 0 0 20px;
+}
+.guide .guide-hover {
+  text-decoration: none;
+  opacity: 0.6;
+}
+.guide table {
+  width: 100%;
+  max-width: 100%;
+  border-collapse: collapse;
+  caption-side: bottom;
+  text-align: left;
+}
+.guide table th:nth-child(1) {
+  width: 150px;
+}
+.guide table thead tr th,
+.guide table thead tr td,
+.guide table tbody tr th,
+.guide table tbody tr td,
+.guide table tfoot tr th,
+.guide table tfoot tr td {
+  padding: 10px;
+  vertical-align: top;
+  border: 1px solid #eaeaea;
+}
+.guide table thead tr th p:last-child,
+.guide table thead tr td p:last-child,
+.guide table tbody tr th p:last-child,
+.guide table tbody tr td p:last-child,
+.guide table tfoot tr th p:last-child,
+.guide table tfoot tr td p:last-child {
+  margin-bottom: 0;
+}
+.guide table td:first-child > code {
+  white-space: nowrap;
+}
+.guide table thead {
+  background-color: #363636;
+  color: #fff;
+}
+.guide table td:first-child {
+  color: #363636 !important;
+}
+.guide code {
+  background-color: #f1f1f1;
+  padding-left: 4px;
+  padding-right: 4px;
+  color: #6759bb;
+}
+.guide pre > code {
+  background-color: transparent;
+}
+.guide a {
+  text-decoration: none;
+}
+.guide .item-w {
+  width: 40px;
+  height: 40px;
+  padding: 4px;
+  border: 1px solid black;
+}
+.guide .item-i {
+  min-width: 20%;
+  min-height: 20%;
+  display: block;
+  border: 1px solid #fff;
+  box-sizing: border-box;
+}
+.guide .item-i:nth-child(1) {
+  background-color: #363636;
+  opacity: 0.93;
+}
+.guide .item-i:nth-child(2) {
+  background-color: #363636;
+  opacity: 0.83;
+}
+.guide .item-i:nth-child(3) {
+  background-color: #363636;
+  opacity: 0.79;
+}
+.guide .item-i:nth-child(4) {
+  background-color: #363636;
+  opacity: 0.72;
+}
+.guide .item-i:nth-child(5) {
+  background-color: #363636;
+  opacity: 0.65;
+}
+.guide .item-i:nth-child(6) {
+  background-color: #363636;
+  opacity: 0.58;
+}
+.guide .item-i:nth-child(7) {
+  background-color: #363636;
+  opacity: 0.51;
+}
+.guide .item-i:nth-child(8) {
+  background-color: #363636;
+  opacity: 0.44;
+}
+.guide .item-i:nth-child(9) {
+  background-color: #363636;
+  opacity: 0.37;
+}
+.guide .item-i:nth-child(10) {
+  background-color: #363636;
+  opacity: 0.3;
+}
+.guide .box-demo,
+.guide .box-demo2 {
+  height: 100%;
+  box-sizing: border-box;
+  padding: 20px;
+  border: 1px solid #fff;
+}
+.guide .box-demo-inner {
+  height: 200px;
+  border: 1px solid #fff;
+  background-color: #363636;
+  opacity: 0.6;
+  padding-top: 100px;
+  text-align: center;
+  color: #fff;
+}
+.guide .box-demo:nth-child(1) {
+  background-color: rgba(0, 191, 203, 0.2);
+}
+.guide .box-demo:nth-child(2) {
+  background-color: rgba(0, 191, 203, 0.2);
+}
+.guide .box-demo:nth-child(3) {
+  background-color: rgba(0, 191, 203, 0.2);
+}
+.guide .box-demo2:nth-child(1) {
+  background-color: rgba(255, 33, 33, 0.2);
+}
+.guide .box-demo2:nth-child(2) {
+  background-color: rgba(255, 33, 33, 0.2);
+}
+.guide .box-demo2:nth-child(3) {
+  background-color: rgba(255, 33, 33, 0.2);
+}
+.guide .box-demo .col {
+  background-color: rgba(0, 191, 203, 0.6);
+  border: 1px solid #fff;
+}
+.guide .flexbox-map .h3 {
+  min-height: 50px;
+  background-color: rgba(33, 255, 214, 0.33);
+  padding: 20px;
+}
+.guide .box-info {
+  padding: 20px;
+  border: 1px solid gray;
+  font-style: italic;
+  opacity: 0.5;
+}
+.guide .guide-icon-top {
+  display: inline-block;
+}
+.guide .mini-box {
+  background: #eaeaea;
+  width: 100px;
+  color: #757171;
+  font-size: 10px;
+  float: left;
+  margin: 11px;
+}
+
+@media (min-width: 1px) {
+  .p-body {
+    padding: 20px;
+  }
+}
+@media (min-width: 768px) {
+  .p-body {
+    padding: 20px;
+  }
+}
+@media (min-width: 992px) {
+  .p-body {
+    padding: 40px;
+  }
+}
+@media (min-width: 1280px) {
+  .p-body {
+    padding: 40px;
+  }
+}
+@media (min-width: 1px) {
+  .ptr-160 {
+    padding-top: 64px;
+  }
+  .ptr-136 {
+    padding-top: 48px;
+  }
+  .ptr-120 {
+    padding-top: 64px;
+  }
+  .ptr-16-120 {
+    padding-top: 16px;
+  }
+  .ptr-20-120 {
+    padding-top: 20px;
+  }
+  .ptr-16-32 {
+    padding-top: 16px;
+  }
+  .ptr-112 {
+    padding-top: 80px;
+  }
+  .ptr-96 {
+    padding-top: 64px;
+  }
+  .ptr-80 {
+    padding-top: 48px;
+  }
+  .ptr-64 {
+    padding-top: 32px;
+  }
+  .ptr-40 {
+    padding-top: 16px;
+  }
+  .ptr-24 {
+    padding-top: 16px;
+  }
+  .ptr-20-0 {
+    padding-top: 20px;
+  }
+}
+@media (min-width: 768px) {
+  .ptr-160 {
+    padding-top: 64px;
+  }
+  .ptr-136 {
+    padding-top: 48px;
+  }
+  .ptr-120 {
+    padding-top: 64px;
+  }
+  .ptr-16-120 {
+    padding-top: 16px;
+  }
+  .ptr-20-120 {
+    padding-top: 20px;
+  }
+  .ptr-16-32 {
+    padding-top: 32px;
+  }
+  .ptr-112 {
+    padding-top: 80px;
+  }
+  .ptr-96 {
+    padding-top: 64px;
+  }
+  .ptr-80 {
+    padding-top: 48px;
+  }
+  .ptr-64 {
+    padding-top: 32px;
+  }
+  .ptr-40 {
+    padding-top: 16px;
+  }
+  .ptr-24 {
+    padding-top: 16px;
+  }
+  .ptr-20-0 {
+    padding-top: 0;
+  }
+}
+@media (min-width: 992px) {
+  .ptr-160 {
+    padding-top: 160px;
+  }
+  .ptr-136 {
+    padding-top: 136px;
+  }
+  .ptr-120 {
+    padding-top: 120px;
+  }
+  .ptr-16-120 {
+    padding-top: 120px;
+  }
+  .ptr-20-120 {
+    padding-top: 120px;
+  }
+  .ptr-16-32 {
+    padding-top: 32px;
+  }
+  .ptr-112 {
+    padding-top: 112px;
+  }
+  .ptr-96 {
+    padding-top: 96px;
+  }
+  .ptr-80 {
+    padding-top: 80px;
+  }
+  .ptr-64 {
+    padding-top: 64px;
+  }
+  .ptr-40 {
+    padding-top: 40px;
+  }
+  .ptr-24 {
+    padding-top: 24px;
+  }
+  .ptr-20-0 {
+    padding-top: 0;
+  }
+}
+@media (min-width: 1280px) {
+  .ptr-160 {
+    padding-top: 160px;
+  }
+  .ptr-136 {
+    padding-top: 136px;
+  }
+  .ptr-120 {
+    padding-top: 120px;
+  }
+  .ptr-16-120 {
+    padding-top: 120px;
+  }
+  .ptr-20-120 {
+    padding-top: 120px;
+  }
+  .ptr-16-32 {
+    padding-top: 32px;
+  }
+  .ptr-112 {
+    padding-top: 112px;
+  }
+  .ptr-96 {
+    padding-top: 96px;
+  }
+  .ptr-80 {
+    padding-top: 80px;
+  }
+  .ptr-64 {
+    padding-top: 64px;
+  }
+  .ptr-40 {
+    padding-top: 40px;
+  }
+  .ptr-24 {
+    padding-top: 24px;
+  }
+  .ptr-20-0 {
+    padding-top: 0;
+  }
+}
+@media (min-width: 1px) {
+  .pl-body {
+    padding-left: 20px;
+  }
+  .pl-body2 {
+    padding-left: 20px;
+  }
+  .plr-20 {
+    padding-left: 20px;
+  }
+}
+@media (min-width: 768px) {
+  .pl-body {
+    padding-left: 20px;
+  }
+  .pl-body2 {
+    padding-left: 20px;
+  }
+  .plr-20 {
+    padding-left: 20px;
+  }
+}
+@media (min-width: 992px) {
+  .pl-body {
+    padding-left: 20px;
+  }
+  .pl-body2 {
+    padding-left: 20px;
+  }
+  .plr-20 {
+    padding-left: 0px;
+  }
+}
+@media (min-width: 1280px) {
+  .pl-body {
+    padding-left: 20px;
+  }
+  .pl-body2 {
+    padding-left: 20px;
+  }
+  .plr-20 {
+    padding-left: 0px;
+  }
+}
+@media (min-width: 1px) {
+  .pbr-160 {
+    padding-bottom: 64px;
+  }
+  .pbr-136 {
+    padding-bottom: 64px;
+  }
+  .pbr-120 {
+    padding-bottom: 64px;
+  }
+  .pbr-20-120 {
+    padding-bottom: 20px;
+  }
+  .pbr-16-32 {
+    padding-bottom: 16px;
+  }
+  .pbr-8-24 {
+    padding-bottom: 8px;
+  }
+  .pbr-112 {
+    padding-bottom: 80px;
+  }
+  .pbr-96 {
+    padding-bottom: 64px;
+  }
+  .pbr-80 {
+    padding-bottom: 48px;
+  }
+  .pbr-64 {
+    padding-bottom: 32px;
+  }
+  .pbr-24 {
+    padding-bottom: 16px;
+  }
+}
+@media (min-width: 768px) {
+  .pbr-160 {
+    padding-bottom: 64px;
+  }
+  .pbr-136 {
+    padding-bottom: 64px;
+  }
+  .pbr-120 {
+    padding-bottom: 64px;
+  }
+  .pbr-20-120 {
+    padding-bottom: 20px;
+  }
+  .pbr-16-32 {
+    padding-bottom: 32px;
+  }
+  .pbr-8-24 {
+    padding-bottom: 24px;
+  }
+  .pbr-112 {
+    padding-bottom: 80px;
+  }
+  .pbr-96 {
+    padding-bottom: 64px;
+  }
+  .pbr-80 {
+    padding-bottom: 48px;
+  }
+  .pbr-64 {
+    padding-bottom: 32px;
+  }
+  .pbr-24 {
+    padding-bottom: 16px;
+  }
+}
+@media (min-width: 992px) {
+  .pbr-160 {
+    padding-bottom: 160px;
+  }
+  .pbr-136 {
+    padding-bottom: 136px;
+  }
+  .pbr-120 {
+    padding-bottom: 120px;
+  }
+  .pbr-20-120 {
+    padding-bottom: 120px;
+  }
+  .pbr-16-32 {
+    padding-bottom: 32px;
+  }
+  .pbr-8-24 {
+    padding-bottom: 24px;
+  }
+  .pbr-112 {
+    padding-bottom: 112px;
+  }
+  .pbr-96 {
+    padding-bottom: 96px;
+  }
+  .pbr-80 {
+    padding-bottom: 80px;
+  }
+  .pbr-64 {
+    padding-bottom: 64px;
+  }
+  .pbr-24 {
+    padding-bottom: 24px;
+  }
+}
+@media (min-width: 1280px) {
+  .pbr-160 {
+    padding-bottom: 160px;
+  }
+  .pbr-136 {
+    padding-bottom: 136px;
+  }
+  .pbr-120 {
+    padding-bottom: 120px;
+  }
+  .pbr-20-120 {
+    padding-bottom: 120px;
+  }
+  .pbr-16-32 {
+    padding-bottom: 32px;
+  }
+  .pbr-8-24 {
+    padding-bottom: 24px;
+  }
+  .pbr-112 {
+    padding-bottom: 112px;
+  }
+  .pbr-96 {
+    padding-bottom: 96px;
+  }
+  .pbr-80 {
+    padding-bottom: 80px;
+  }
+  .pbr-64 {
+    padding-bottom: 64px;
+  }
+  .pbr-24 {
+    padding-bottom: 24px;
+  }
+}
+@media (min-width: 1px) {
+  .pr-body {
+    padding-right: 20px;
+  }
+  .pr-body2 {
+    padding-right: 20px;
+  }
+  .prr-20 {
+    padding-right: 20px;
+  }
+}
+@media (min-width: 768px) {
+  .pr-body {
+    padding-right: 20px;
+  }
+  .pr-body2 {
+    padding-right: 20px;
+  }
+  .prr-20 {
+    padding-right: 20px;
+  }
+}
+@media (min-width: 992px) {
+  .pr-body {
+    padding-right: 20px;
+  }
+  .pr-body2 {
+    padding-right: 20px;
+  }
+  .prr-20 {
+    padding-right: 0px;
+  }
+}
+@media (min-width: 1280px) {
+  .pr-body {
+    padding-right: 20px;
+  }
+  .pr-body2 {
+    padding-right: 20px;
+  }
+  .prr-20 {
+    padding-right: 0px;
+  }
+}
+@media (min-width: 1px) {
+  .mbr-24 {
+    margin-bottom: 16px;
+  }
+  .mbr-32 {
+    margin-bottom: 16px;
+  }
+  .mbr-64 {
+    margin-bottom: 32px;
+  }
+  .mbr-128 {
+    margin-bottom: 64px;
+  }
+  .mbr-20-40 {
+    margin-bottom: 20px;
+  }
+  .mbr-16-32 {
+    margin-bottom: 16px;
+  }
+  .mbr-8-24 {
+    margin-bottom: 8px;
+  }
+  .mbr-8-16 {
+    margin-bottom: 8px;
+  }
+  .mbr-150 {
+    margin-bottom: 150px;
+  }
+}
+@media (min-width: 768px) {
+  .mbr-24 {
+    margin-bottom: 24px;
+  }
+  .mbr-32 {
+    margin-bottom: 32px;
+  }
+  .mbr-64 {
+    margin-bottom: 64px;
+  }
+  .mbr-128 {
+    margin-bottom: 128px;
+  }
+  .mbr-20-40 {
+    margin-bottom: 40px;
+  }
+  .mbr-16-32 {
+    margin-bottom: 16px;
+  }
+  .mbr-8-24 {
+    margin-bottom: 8px;
+  }
+  .mbr-8-16 {
+    margin-bottom: 8px;
+  }
+  .mbr-150 {
+    margin-bottom: 150px;
+  }
+}
+@media (min-width: 992px) {
+  .mbr-24 {
+    margin-bottom: 24px;
+  }
+  .mbr-32 {
+    margin-bottom: 32px;
+  }
+  .mbr-64 {
+    margin-bottom: 64px;
+  }
+  .mbr-128 {
+    margin-bottom: 128px;
+  }
+  .mbr-20-40 {
+    margin-bottom: 40px;
+  }
+  .mbr-16-32 {
+    margin-bottom: 32px;
+  }
+  .mbr-8-24 {
+    margin-bottom: 24px;
+  }
+  .mbr-8-16 {
+    margin-bottom: 16px;
+  }
+  .mbr-150 {
+    margin-bottom: 50px;
+  }
+}
+@media (min-width: 1280px) {
+  .mbr-24 {
+    margin-bottom: 24px;
+  }
+  .mbr-32 {
+    margin-bottom: 32px;
+  }
+  .mbr-64 {
+    margin-bottom: 64px;
+  }
+  .mbr-128 {
+    margin-bottom: 128px;
+  }
+  .mbr-20-40 {
+    margin-bottom: 40px;
+  }
+  .mbr-16-32 {
+    margin-bottom: 32px;
+  }
+  .mbr-8-24 {
+    margin-bottom: 24px;
+  }
+  .mbr-8-16 {
+    margin-bottom: 16px;
+  }
+  .mbr-150 {
+    margin-bottom: 50px;
+  }
+}
+@media (min-width: 1px) {
+  .mtr-8-16 {
+    margin-top: 8px;
+  }
+  .mtr-16-32 {
+    margin-top: 16px;
+  }
+  .mtr-80-260 {
+    margin-top: 80px;
+  }
+}
+@media (min-width: 768px) {
+  .mtr-8-16 {
+    margin-top: 8px;
+  }
+  .mtr-16-32 {
+    margin-top: 16px;
+  }
+  .mtr-80-260 {
+    margin-top: 80px;
+  }
+}
+@media (min-width: 992px) {
+  .mtr-8-16 {
+    margin-top: 16px;
+  }
+  .mtr-16-32 {
+    margin-top: 32px;
+  }
+  .mtr-80-260 {
+    margin-top: 260px;
+  }
+}
+@media (min-width: 1280px) {
+  .mtr-8-16 {
+    margin-top: 16px;
+  }
+  .mtr-16-32 {
+    margin-top: 32px;
+  }
+  .mtr-80-260 {
+    margin-top: 260px;
+  }
+}
+.color-list {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+
+.variable-box {
+  width: 142px;
+  height: 60px;
+}
+
+.variable-item {
+  display: flex;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  gap: 10px;
+  flex-direction: column;
+}
+
+.variable-info {
+  color: black;
+}
+
+h2 {
+  font-size: 40px;
+  margin-bottom: 40px;
+}
+
+h3 {
+  font-size: 30px;
+  margin-bottom: 40px;
+}
+
+.h3 {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.grid-examples div {
+  background-color: #f0f0f0;
+  text-align: center;
+  padding: 20px;
+  border-radius: 10px;
+}
+
+/*# sourceMappingURL=docs.css.map */