.woocommerce-customize-store-edit-site-layout__sidebar-extra__pattern { height: 100%; display: flex; flex-direction: column; gap: 10px; background-color: #fff; border-radius: 12px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); padding: 16px 24px 24px 24px; overflow: auto; .block-editor-block-preview__container { margin-bottom: 2px; } .woocommerce-customize-store-edit-site-layout__sidebar-extra__pattern__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; h1 { font-size: 16px; padding: 0; } span { font-size: 16px; font-weight: 600; } } .woocommerce-customize-store-edit-site-layout__sidebar-extra__pattern__description { font-size: 13px; color: #757575; } .block-editor-block-patterns-list { margin-top: 22px; overflow-y: unset; height: unset; } .block-editor-block-patterns-list__item { .auto-block-preview__container, .block-editor-block-preview__container { border: none; } &.is-added { .auto-block-preview__container, .block-editor-block-preview__container { box-shadow: 0 0 0 1.5px #fff, 0 0 0 3.5px var(--wp-admin-theme-color, #3858e9); border-color: var(--wp-admin-theme-color); border-radius: 4px; &::after { outline: none; } } } &:hover, &:focus { .auto-block-preview__container, .block-editor-block-preview__container { box-shadow: 0 0 0 1.5px #fff, 0 0 0 3.5px var(--wp-admin-theme-color, #3858e9); border-color: var(--wp-admin-theme-color); border-radius: 4px; &::after { outline: none; } } } } }