/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/blocks/sidebar/style/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
:root {
  --theme--block--sidebar--width: clamp(var(--theme--block--sidebar--min-width), calc(((100vw - var(--wp--style--global--content-size)) / 2) - var(--wp--style--block-gap)), var(--theme--block--sidebar--max-width));
  --theme--block--sidebar--min-width: clamp(0rem, calc(100vw - var(--theme--block--sidebar--toggle--size) - (var(--wp--style--block-gap) * 2)), 30rem);
  --theme--block--sidebar--max-width: 40rem;
  --theme--block--sidebar--position--offset: var(--theme--body--position--offset);
  --theme--block--sidebar--toggle--color: var(--wp--preset--color--primary);
  --theme--block--sidebar--toggle--color-action: var(--wp--preset--color--primary-action);
  --theme--block--sidebar--toggle--offset: calc(var(--theme--main--position--offset) - var(--theme--body--position--offset) + var(--wp--preset--spacing--30));
  --theme--block--sidebar--toggle--size: calc((var(--wp--style--block-gap) * 2) - var(--wp--preset--spacing--30));
  --theme--block--sidebar--animation--duration: var(--theme--animation--duration);
  --theme--block--sidebar--transition--duration: calc(var(--theme--transition--duration) * 2);
}
@media only screen and (max-width: 600px) {
  :root {
    --theme--block--sidebar--toggle--size: calc((var(--wp--style--block-gap) * 2) - var(--wp--preset--spacing--20));
  }
}
div.wp-block-singold-sidebar.is-editor {
  position: fixed;
}
div.wp-block-singold-sidebar {
  position: fixed;
  display: flex;
  flex-direction: row;
  top: var(--theme--block--sidebar--position--offset);
  height: calc(100vh - var(--theme--block--sidebar--position--offset));
  margin: var(--wp--preset--spacing--0);
  padding: var(--wp--preset--spacing--0);
  box-sizing: border-box;
  z-index: 200;
  transition: transform var(--theme--block--sidebar--transition--duration);
  filter: drop-shadow(var(--wp--preset--shadow--deep));
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle {
  position: absolute;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  top: var(--theme--block--sidebar--toggle--offset);
  width: var(--theme--block--sidebar--toggle--size);
  margin: var(--wp--preset--spacing--0);
  padding: var(--wp--preset--spacing--0);
  background: transparent;
  color: var(--wp--preset--color--base);
  border: none;
  box-sizing: content-box;
  cursor: pointer;
  aspect-ratio: 1;
  transition: all var(--theme--block--sidebar--transition--duration);
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: calc(var(--theme--block--sidebar--toggle--size) / 2);
  transition: all var(--theme--block--sidebar--transition--duration);
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle:hover, div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle:active, div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle:focus {
  --theme--block--sidebar--toggle--color: var(--theme--block--sidebar--toggle--color-action);
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle i {
  margin-top: calc(var(--theme--block--sidebar--toggle--size) / -4);
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle i {
    font-size: var(--wp--preset--font-size--medium);
  }
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  width: var(--theme--block--sidebar--width);
  padding: var(--wp--style--block-gap);
  overflow: auto;
  background: var(--wp--preset--color--base);
  box-sizing: border-box;
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-container > *:last-child {
  flex: 1;
}
div.wp-block-singold-sidebar.is-open:not(.is-disabled) {
  transform: translateX(0);
}
div.wp-block-singold-sidebar.is-disabled .wp-block-singold-sidebar-toggle {
  pointer-events: none;
}
div.wp-block-singold-sidebar.is-disabled .wp-block-singold-sidebar-toggle::before {
  filter: grayscale(1);
}
div.wp-block-singold-sidebar.is-changed {
  --theme--block--sidebar--toggle--color: var(--theme--block--sidebar--toggle--color-action);
}
div.wp-block-singold-sidebar.is-changed .wp-block-singold-sidebar-toggle i {
  animation: bounce var(--theme--block--sidebar--animation--duration) ease;
}
div.wp-block-singold-sidebar, div.wp-block-singold-sidebar.is-style-right {
  left: unset;
  right: 0;
  transform: translateX(var(--theme--block--sidebar--width));
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle, div.wp-block-singold-sidebar.is-style-right .wp-block-singold-sidebar-toggle {
  left: calc(var(--theme--block--sidebar--toggle--size) * -1);
  right: unset;
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle::before, div.wp-block-singold-sidebar.is-style-right .wp-block-singold-sidebar-toggle::before {
  border-top-color: var(--theme--block--sidebar--toggle--color);
  border-right-color: var(--theme--block--sidebar--toggle--color);
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.wp-block-singold-sidebar .wp-block-singold-sidebar-toggle i, div.wp-block-singold-sidebar.is-style-right .wp-block-singold-sidebar-toggle i {
  margin-left: unset;
  margin-right: calc(var(--theme--block--sidebar--toggle--size) / -2);
}
div.wp-block-singold-sidebar.is-style-left {
  left: 0;
  right: unset;
  transform: translateX(calc(var(--theme--block--sidebar--width) * -1));
}
div.wp-block-singold-sidebar.is-style-left .wp-block-singold-sidebar-toggle {
  left: unset;
  right: calc(var(--theme--block--sidebar--toggle--size) * -1);
}
div.wp-block-singold-sidebar.is-style-left .wp-block-singold-sidebar-toggle::before {
  border-top-color: var(--theme--block--sidebar--toggle--color);
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: var(--theme--block--sidebar--toggle--color);
}
div.wp-block-singold-sidebar.is-style-left .wp-block-singold-sidebar-toggle i {
  margin-left: calc(var(--theme--block--sidebar--toggle--size) / -2);
  margin-right: unset;
}

/*# sourceMappingURL=index.css.map*/