/* pdoc color scheme (see also: examples/dark-mode) */
:root {
    --pdoc-background: #fff;
}

.pdoc {
    --text: #212529;
    --muted: #6c757d;
    --link: #3660a5;
    --link-hover: #1659c5;
    --code: #f8f8f8;
    --active: #fff598;

    --accent: #eee;
    --accent2: #c1c1c1;

    --nav-hover: rgba(255, 255, 255, 0.5);
    --name: #0066BB;
    --def: #008800;
    --annotation: #007020;
}
.method4 {
  /* https://grabient.com/HQRgTCA0wKwMwHZoAYCcYUA4rDqgLNKsgGzT74wr6rRwlkzCpwawKaRzAnJhA?style=linearSwatches&steps=10&angle=135 */
  /* https://grabient.com/HQBgrAzANKAsAcMT0cAjLAnDNYDsOsATDEUSKWicGWlBMHmtA3kS8AGyYRA?style=linearSwatches&steps=13&angle=90 */
    --s: 195px; /* control the size*/
    --c1: #b9b9b9;
    --c2: #dcdcdc;
    --c3: #fafafa;
    background:
      conic-gradient(from 75deg,var(--c1)   15deg ,var(--c2) 0 30deg ,#0000 0 180deg,
                                var(--c2) 0 195deg,var(--c1) 0 210deg,#0000 0) 
         calc(var(--s)/2) calc(.5*var(--s)/tan(30deg)),
      conic-gradient(var(--c1)   30deg ,var(--c3) 0 75deg ,var(--c1) 0 90deg, var(--c2) 0 105deg,
                     var(--c3) 0 150deg,var(--c2) 0 180deg,var(--c3) 0 210deg,var(--c1) 0 256deg,
                     var(--c2) 0 270deg,var(--c1) 0 286deg,var(--c2) 0 331deg,var(--c3) 0);
    background-size: var(--s) calc(var(--s)/tan(30deg));
  /* background: linear-gradient(90deg, rgba(5, 5, 10, 1.000) 0.000%, rgba(5, 5, 10, 1.000) 7.692%, rgba(9, 10, 14, 1.000) 7.692%, rgba(9, 10, 14, 1.000) 15.385%, rgba(13, 14, 18, 1.000) 15.385%, rgba(13, 14, 18, 1.000) 23.077%, rgba(18, 19, 22, 1.000) 23.077%, rgba(18, 19, 22, 1.000) 30.769%, rgba(22, 23, 26, 1.000) 30.769%, rgba(22, 23, 26, 1.000) 38.462%, rgba(26, 27, 30, 1.000) 38.462%, rgba(26, 27, 30, 1.000) 46.154%, rgba(30, 31, 34, 1.000) 46.154%, rgba(30, 31, 34, 1.000) 53.846%, rgba(34, 35, 38, 1.000) 53.846%, rgba(34, 35, 38, 1.000) 61.538%, rgba(38, 39, 42, 1.000) 61.538%, rgba(38, 39, 42, 1.000) 69.231%, rgba(41, 42, 45, 1.000) 69.231%, rgba(41, 42, 45, 1.000) 76.923%, rgba(44, 45, 48, 1.000) 76.923%, rgba(44, 45, 48, 1.000) 84.615%, rgba(46, 47, 51, 1.000) 84.615%, rgba(46, 47, 51, 1.000) 92.308%, rgba(48, 49, 53, 1.000) 92.308% 100.000%); */
  /* background: linear-gradient(135deg, rgba(50, 48, 0, 1.000) 0.000%, rgba(50, 48, 0, 1.000) 10.000%, rgba(51, 50, 0, 1.000) 10.000%, rgba(51, 50, 0, 1.000) 20.000%, rgba(51, 52, 0, 1.000) 20.000%, rgba(51, 52, 0, 1.000) 30.000%, rgba(49, 54, 0, 1.000) 30.000%, rgba(49, 54, 0, 1.000) 40.000%, rgba(45, 56, 45, 1.000) 40.000%, rgba(45, 56, 45, 1.000) 50.000%, rgba(40, 58, 102, 1.000) 50.000%, rgba(40, 58, 102, 1.000) 60.000%, rgba(34, 60, 155, 1.000) 60.000%, rgba(34, 60, 155, 1.000) 70.000%, rgba(27, 62, 198, 1.000) 70.000%, rgba(27, 62, 198, 1.000) 80.000%, rgba(21, 64, 231, 1.000) 80.000%, rgba(21, 64, 231, 1.000) 90.000%, rgba(16, 67, 250, 1.000) 90.000% 100.000%); */
    /* background: linear-gradient(rgba(100, 50, 150, 0.6), rgba(200, 100, 50, 0.6)), url('https://robot-wranglers.github.io/compose.mk/img/icon.png'); */
      /* background-position-x: 0%, 0%;
      background-position-y: 0%, 0%;
      background-repeat: repeat, repeat;
      background-size: auto, auto;
    background-size: cover;
    background-repeat: no-repeat; */
    background-position: center;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    overflow: hidden;
  }
  .method4 .text-overlay {
    /* background: rgba(255, 255, 255, 0.1); */
    color:black;
    /* background-color: #ff00002b; */
    font-size: 2.3em;
    font-weight:bolder;
    font-family: monospace;
    text-transform: uppercase;
    padding: 25px 25px;
    border-radius: 25px;
    text-align: center;
    vertical-align: center;
    /* border: 2px solid rgba(255, 255, 255, 0.3); */
  }