.spudo-container{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto}
.spudo-container-width-site{max-width:1200px;padding-left:16px;padding-right:16px}
.spudo-container-width-full{max-width:100%;padding-left:0;padding-right:0}
.spudo-container-py-none{padding-top:0;padding-bottom:0}
.spudo-container-py-sm{padding-top:16px;padding-bottom:16px}
.spudo-container-py-md{padding-top:32px;padding-bottom:32px}
.spudo-container-py-lg{padding-top:64px;padding-bottom:64px}

.spudo-grid{display:grid;width:100%;box-sizing:border-box}
.spudo-grid-cols-1{grid-template-columns:1fr}
.spudo-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.spudo-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.spudo-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.spudo-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.spudo-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.spudo-grid-gap-none{gap:0}
.spudo-grid-gap-sm{gap:8px}
.spudo-grid-gap-md{gap:16px}
.spudo-grid-gap-lg{gap:32px}
@media (max-width:768px){
	.spudo-grid-cols-2,.spudo-grid-cols-3,.spudo-grid-cols-4,.spudo-grid-cols-5,.spudo-grid-cols-6{grid-template-columns:1fr}
}
.spudo-grid-item{min-width:0;display:flex;flex-direction:column}
.spudo-grid-item > *{margin-top:0;margin-bottom:0}
.spudo-grid-item > * + *{margin-top:12px}

.editor-styles-wrapper .spudo-container,
.editor-styles-wrapper .spudo-grid,
.editor-styles-wrapper .spudo-grid-item{outline:1px dashed rgba(0,0,0,.15);outline-offset:2px}
.editor-styles-wrapper .spudo-grid-item{min-height:64px;padding:8px}