/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./assets/blocks/note-box/style.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.note-box {

		padding: 1.25rem
}

@media (min-width: 1024px) {

		.note-box {

				padding: 2.5rem
		}
}

.note-box__heading {

		display: flex;

		align-items: center
}

.note-box__icon {

		margin-right: 1.5rem
}

.note-box.dark {

		--tw-bg-opacity: 1;

		background-color: rgb(251 179 167 / var(--tw-bg-opacity, 1))
}

.note-box.dark h1,
.note-box.dark h2,
.note-box.dark h3,
.note-box.dark h4,
.note-box.dark h5,
.note-box.dark h6 {

		--tw-text-opacity: 1;

		color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.note-box.dark p {

		font-size: 1.125rem;

		line-height: 1.75rem;

		font-weight: 500;

		--tw-text-opacity: 1;

		color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.note-box.light {

		--tw-bg-opacity: 1;

		background-color: rgb(252 242 241 / var(--tw-bg-opacity, 1))
}

.note-box.light h1,
.note-box.light h2,
.note-box.light h3,
.note-box.light h4,
.note-box.light h5,
.note-box.light h6 {

		--tw-text-opacity: 1;

		color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.note-box.light p {

		font-size: 1.125rem;

		line-height: 1.75rem;

		font-weight: 500;

		--tw-text-opacity: 1;

		color: rgb(157 20 36 / var(--tw-text-opacity, 1))
}

.note-box.wlc h1,
.note-box.wlc h2,
.note-box.wlc h3,
.note-box.wlc h4,
.note-box.wlc h5,
.note-box.wlc h6 {

		font-size: 1.125rem;

		line-height: 1.75rem;

		font-weight: 700;

		--tw-text-opacity: 1;

		color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.note-box.wlc p {

		font-size: 1rem;

		line-height: 1.5rem;

		font-weight: 700;

		--tw-text-opacity: 1;

		color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.note-box.wlc {

		position: relative;

		z-index: 1;

		--tw-bg-opacity: 1;

		background-color: rgb(219 0 47 / var(--tw-bg-opacity, 1))
}

.note-box.wlc:before {

		position: absolute;

		inset: 0px;

		z-index: -1;

		--tw-content: '';

		content: var(--tw-content);

		background: url("data:image/svg+xml,<svg width=\"945\" height=\"250\" viewBox=\"0 0 945 250\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><mask id=\"mask0_11065_2880\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"945\" height=\"250\"><rect width=\"945\" height=\"250\" fill=\"%23DB002F\"/></mask><g mask=\"url%28%23mask0_11065_2880%29\"><path d=\"M-113.715 -566.793L276.243 447.862H364.976L754.969 -566.793H670.741C668.801 -566.793 667.068 -565.588 666.341 -563.798L320.835 332.805L-24.6708 -564.039C-25.3291 -565.692 -26.8882 -566.793 -28.6899 -566.793H-113.715ZM1023.77 -563.97L678.155 332.77L587.275 96.871L543.099 211.86V212.48L633.668 447.862H722.054L1111.84 -565.623C1111.49 -566.139 1111.35 -566.311 1111.01 -566.793H1027.89C1026.05 -566.793 1024.39 -565.657 1023.73 -563.936L1023.77 -563.97ZM678.537 97.353L933.785 -566.793H849.418C847.547 -566.793 845.919 -565.657 845.226 -563.936L634.326 -16.7063L678.502 97.353H678.537ZM65.2397 -566.793L320.627 97.6973L576.014 -566.793H491.578C489.776 -566.793 488.183 -565.692 487.524 -564.039L320.835 -133.072L153.452 -564.143C152.829 -565.726 151.27 -566.793 149.537 -566.793H65.205H65.2397Z\" fill=\"%23C6002B\"/></g></svg>")
			no-repeat center center / cover
}


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