.kolben-expandable-grid > .block-editor-inner-blocks,
.kolben-expandable-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: contents;
}
.kolben-expandable-grid {
width: 100%;
transition: all 0.3s ease;
}
.kolben-expandable-card {
transition: all 0.3s ease;
border: 1px solid #eee;
border-radius: 8px;
background: #fff;
overflow: hidden;
} .kolben-card-visible {
cursor: pointer;
padding: 20px;
position: relative; } body:not(.wp-admin) .kolben-card-hidden {
display: none;
padding: 20px;
border-top: 1px solid #eee;
}  .kolben-expandable-grid {
transition: gap 0.4s ease-in-out !important;
} .kolben-expandable-grid.is-expanded-mode {
display: flex !important;
gap: 0px !important;
} .kolben-expandable-card {
transition: max-width 0.4s ease-in-out, opacity 0.4s ease-in-out, padding 0.4s ease-in-out, margin 0.4s ease-in-out, border-width 0.4s ease-in-out !important;
overflow: hidden !important;
} .kolben-expandable-grid.is-expanded-mode {
gap: 0px !important;
}
.kolben-expandable-grid.is-expanded-mode > .kolben-expandable-card {
border: none !important;
} .kolben-expandable-grid.is-expanded-mode > .kolben-expandable-card.is-active {
max-width: 70% !important;
height: fit-content !important;
opacity: 1 !important;
margin: 0 auto !important;
} .kolben-expandable-grid.is-expanded-mode > .kolben-expandable-card:not(.is-active) {
display: flex !important; max-width: 0px !important; 
min-width: 0px !important;
border-width: 0px !important;
opacity: 0 !important;
pointer-events: none; height: 0px !important;
} .kolben-expandable-grid.is-expanded-mode > .kolben-expandable-card:not(.is-active) > * {
min-width: 400px !important; 
} .kolben-expandable-grid.is-closing > .kolben-expandable-card > * {
min-width: 400px !important; 
}
.kolben-expandable-grid.is-expanded-mode .kolben-card-visible {
cursor: pointer; 
} .kolben-expandable-card.is-active .kolben-card-hidden {
display: block !important;
animation: fadeInContent 0.4s ease forwards;
}
@keyframes fadeInContent {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
} .kolben-expandable-card.is-active .kolben-card-visible::after {
display: none !important;
content: '✕';
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
background: #f1f3f5;
color: #666;
font-size: 14px;
font-weight: bold;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
animation: kolben-cross-appear 0.3s ease forwards;
transition: background 0.2s, color 0.2s;
}
.kolben-expandable-card.is-active .kolben-card-visible:hover::after {
background: #e2e6ea;
color: #dc3545;
}
@keyframes kolben-cross-appear {
from { opacity: 0; transform: rotate(-90deg) scale(0.5); }
to { opacity: 1; transform: rotate(0) scale(1); }
} .kolben-card-close-btn {
display: none !important;
} .editor-styles-wrapper .wp-block.kolben-expandable-grid,
.editor-styles-wrapper .kolben-expandable-grid {
display: grid !important;
width: 100% !important;
box-sizing: border-box;
} .editor-styles-wrapper .kolben-expandable-grid > .block-editor-inner-blocks,
.editor-styles-wrapper .kolben-expandable-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: contents !important;
}
.editor-styles-wrapper .kolben-expandable-grid > .block-editor-inner-blocks > .block-editor-block-list__layout > .kolben-expandable-card {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}