.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout {
--octopods-slideout-width: 300px;
transition: all 0.2s ease-in-out;
max-width: var(--octopods-slideout-width) !important;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper {
background-color: inherit;
position: fixed;
top: var(--wp-admin--admin-bar--height, 0px);
bottom: 0;
left: 0;
right: auto;
overflow: hidden;
width: var(--octopods-slideout-width) !important;
transition: inherit;
z-index: 1000;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper > * {
width: var(--octopods-slideout-width) !important;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper .octopods-slideout-toggle.octopods-slideout-toggle--cloned {
display: none;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper > .wp-block-template-part:has(> :where([style*="min-height:100%"], [style*="min-height: 100%"])), .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper > .wp-block-template-part:has(> :where([style*="min-height:100%"], [style*="min-height: 100%"])) > :where([style*="min-height:100%"]) {
height: 100%;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout .wp-block-navigation-item > a, .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout .wp-block-navigation-item > button {
transition: none;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout .wp-block-navigation-item i {
font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout {
max-width: 70px !important;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) {
width: 70px !important;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) * {
transition: none !important;
visibility: hidden;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) .wp-block-navigation, body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) .wp-block-navigation * {
visibility: visible;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > a, body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > button {
font-size: 0;
padding: 0;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > a:not(:has(i)), body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > button:not(:has(i)) {
position: relative;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > a:not(:has(i)):before, body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > button:not(:has(i)):before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: currentColor;
border-radius: 500px;
position: absolute;
top: 0;
left: 1rem;
opacity: 0.5;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > a i, body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item > button i {
font-size: 1.25rem;
left: 4px;
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper:not(:hover) ul:not(.wp-block-navigation-submenu) > .wp-block-navigation-item .wp-block-navigation__submenu-icon {
display: none;
}
}
@media screen and (max-width: 992px) {
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout {
max-width: 0 !important;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper {
width: 0 !important;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper .octopods-slideout-toggle.octopods-slideout-toggle--cloned {
display: block;
position: absolute;
top: 12px;
right: var(--wp--preset--spacing--small);
width: auto !important;
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper .octopods-slideout-toggle.octopods-slideout-toggle--cloned > a {
color: inherit !important;
font-size: 0;
}
body.octopods-slideout--mobile--open .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout {
max-width: 100% !important;
}
body.octopods-slideout--mobile--open .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper {
width: 100% !important;
}
body.octopods-slideout--mobile--open .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column.octopods-slideout > .octopods-slideout__wrapper > * {
width: 100% !important;
}
}
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column:not(.octopods-slideout) > header .wp-block-group:where([style*="--octopods-group-position:fixed;"], [style*="--octopods-group-position: fixed;"]):where([style*="--octopods-group-top: 0"], [style*="--octopods-group-top:0"]) {
transition: all 0.2s ease-in-out;
top: var(--wp-admin--admin-bar--height, 0);
}
body.octopods-slideout--closed .wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column:not(.octopods-slideout) > header .wp-block-group:where([style*="--octopods-group-position:fixed;"], [style*="--octopods-group-position: fixed;"]):where([style*="--octopods-group-top: 0"], [style*="--octopods-group-top:0"]) {
left: 70px;
}
@media screen and (max-width: 992px) {
.wp-block-columns:has(> .wp-block-column.octopods-slideout) .wp-block-column:not(.octopods-slideout) > header .wp-block-group:where([style*="--octopods-group-position:fixed;"], [style*="--octopods-group-position: fixed;"]):where([style*="--octopods-group-top: 0"], [style*="--octopods-group-top:0"]) {
left: 0;
}
}