/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/sections/custom-post-template/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
section.wp-block-sections-custom-post-template {
  container-type: inline-size;
  container-name: custom-post-template;
}
@container custom-post-template (max-width: 600px) {
  section.wp-block-sections-custom-post-template .wrapper {
    flex-direction: column;
  }
  section.wp-block-sections-custom-post-template .wrapper .toc {
    min-width: unset !important;
  }
  section.wp-block-sections-custom-post-template .wrapper .toc > ul {
    position: unset;
    border-right: unset;
    padding-right: unset;
  }
}
section.wp-block-sections-custom-post-template .wrapper {
  display: flex;
  position: relative;
  overflow: unset;
  gap: clamp(16px, 4vw, 80px);
}
section.wp-block-sections-custom-post-template .toc {
  min-width: clamp(220px, 25vw, 379px);
}
section.wp-block-sections-custom-post-template .toc a {
  position: relative;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
  width: fit-content;
}
section.wp-block-sections-custom-post-template .toc a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #388e3c, #b0ddb2);
  transition: transform 0.25s ease-in-out;
  transform: scaleX(0);
  transform-origin: left;
}
section.wp-block-sections-custom-post-template .toc a:hover {
  color: #2e7030;
}
section.wp-block-sections-custom-post-template .toc a:hover::after {
  transform: scaleX(1);
}
section.wp-block-sections-custom-post-template .toc a:focus {
  outline: none;
  color: #276329;
}
section.wp-block-sections-custom-post-template .toc a:focus::after {
  transform: scaleX(1);
}
section.wp-block-sections-custom-post-template .toc > ul {
  position: sticky;
  top: 40px;
  margin: unset;
  padding: unset;
  display: grid;
  gap: 8px;
  border-right: 1px solid #388e3c;
  padding-right: 24px;
  overflow-y: scroll;
  max-height: 600px;
}
section.wp-block-sections-custom-post-template .toc ul > li {
  list-style: none;
  transition: background-color 0.3s linear;
  display: grid;
  grid-template-columns: 0.01fr 1fr;
  gap: 8px;
  align-items: center;
  padding: 8px 20px 8px 12px;
}
section.wp-block-sections-custom-post-template .toc ul > li > ul {
  grid-column: 1/span 2;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.4s ease;
  padding-left: 32px;
}
section.wp-block-sections-custom-post-template .toc ul > li .arrow {
  border: 2px solid #388e3c;
  border-radius: 4px;
}
section.wp-block-sections-custom-post-template .toc ul > li .arrow > path {
  transition: rotate 1s ease;
  transform-origin: 50% 50%;
}
section.wp-block-sections-custom-post-template .toc ul > li.in-view {
  border-radius: 8px;
  background: rgba(56, 142, 60, 0.15);
}
section.wp-block-sections-custom-post-template .toc ul > li.in-view .arrow path {
  rotate: -90deg;
}
section.wp-block-sections-custom-post-template .toc ul > li.in-view ul {
  max-height: 1000px;
}
section.wp-block-sections-custom-post-template .blog-wrapper {
  display: grid;
  gap: 32px;
}
section.wp-block-sections-custom-post-template .blog-wrapper > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
section.wp-block-sections-custom-post-template .blog-wrapper > .animate-child {
  opacity: 1;
  transform: translateY(0px);
}
section.wp-block-sections-custom-post-template .blog-wrapper ul > li {
  display: flex;
  position: relative;
  padding-left: 24px;
  margin-top: 0.5rem;
  list-style: none;
  gap: 8px;
}
section.wp-block-sections-custom-post-template .blog-wrapper ul > li::before {
  content: "";
  position: relative;
  width: 18px;
  height: 19px;
  background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"19\" fill=\"none\" viewBox=\"0 0 18 19\"><g clip-path=\"url%28%23clip0_6574_5511%29\"><path d=\"M8.25 7.73035L10.5 9.98035L8.25 12.2303\" stroke=\"%23388E3C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.25 9.98035C2.25 10.8668 2.42459 11.7445 2.76381 12.5635C3.10303 13.3824 3.60023 14.1265 4.22703 14.7533C4.85382 15.3801 5.59794 15.8773 6.41689 16.2165C7.23583 16.5558 8.11358 16.7303 9 16.7303C9.88642 16.7303 10.7642 16.5558 11.5831 16.2165C12.4021 15.8773 13.1462 15.3801 13.773 14.7533C14.3998 14.1265 14.897 13.3824 15.2362 12.5635C15.5754 11.7445 15.75 10.8668 15.75 9.98035C15.75 8.19014 15.0388 6.47325 13.773 5.20738C12.5071 3.94151 10.7902 3.23035 9 3.23035C7.20979 3.23035 5.4929 3.94151 4.22703 5.20738C2.96116 6.47325 2.25 8.19014 2.25 9.98035Z\" stroke=\"%23388E3C\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></g><defs><clipPath id=\"clip0_6574_5511\"><rect width=\"18\" height=\"18\" fill=\"white\" transform=\"translate%280 0.980347%29\"/></clipPath></defs></svg>") no-repeat center;
  padding-top: 1.5rem;
}
section.wp-block-sections-custom-post-template .blog-wrapper ol {
  counter-reset: ol-counter;
  list-style: none;
}
section.wp-block-sections-custom-post-template .blog-wrapper ol > li {
  position: relative;
  margin-top: 0.5rem;
  counter-increment: ol-counter;
  padding-left: 0;
  font-size: 20px;
}
section.wp-block-sections-custom-post-template .blog-wrapper ol > li::before {
  content: counter(ol-counter, decimal-leading-zero) ". ";
  left: 0;
  font-weight: bold;
  color: #388e3c;
  width: 40px;
  text-align: right;
}
section.wp-block-sections-custom-post-template .blog-wrapper figure figcaption {
  border-left: 2px solid black;
  padding-left: 4px;
}
section.wp-block-sections-custom-post-template .blog-wrapper figure {
  height: unset !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/sections/custom-post-template/editor.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
section.wp-block-sections-custom-post-template .blog-wrapper > * {
  opacity: 1 !important;
  transform: translateY(0px) !important;
}