.tabs-container {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: repeat(2, auto);
  }
  
  .tabs-container > details {
    display: contents;
  }
  .tabs[open] > summary {
    pointer-events: none; 
    list-style: none;       
  }
  .tabs[open] > summary::-webkit-details-marker { display: none; }
  .tabs-container > details > summary {
    display: flex;
    justify-content: center;
    grid-row: 1;
    cursor: pointer;
  }
  
  
  .tabs-container > details.tabs > summary::marker {
    display: none;
    content: "";
  }
  
  .tabs-container > details > div {
    grid-column: 1 / -1;
    position: sticky;
    left: 0;
  }
  
  .tabs-container > details[open]::details-content {
    display: contents;
  }

  #add{
    visibility: visible;
  }

  #gallery-tab:has(#strudel-form:not(:empty)) #add {
    display: none;
    visibility: hidden;
}

#strudel-form{
  visibility: hidden;
}

#gallery-tab:has(#strudel-form:not(:empty)) #strudel-form {
  visibility: visible;

}

body {
  display: grid; 
  grid-template-columns: 1fr 6fr 1fr; 
  grid-template-rows: minmax(auto,5em) 1fr minmax(auto,5em); 
  gap: 0px 0px; 
  grid-template-areas: 
    ". header . "
    ". main . "
    " . footer ."; 
}
.header { grid-area: header; }
.footer { grid-area: footer; }
.main { grid-area: main; }
.egg{
  background-color: #e7e7e7;
  background-image: url(/static/spiral.png);
  background-repeat:no-repeat;
  background-size: cover;
  background-blend-mode: soft-light;

}