.block__box{container-name:box;container-type:inline-size;margin-bottom:1.5rem}.box__container{--box-padding-x:1rem;--box-padding-y:1rem;--box-gap:0.5rem;--icon-width:2.5rem;--icon-height:2.5rem;border-radius:1rem;display:flex;flex-direction:column;gap:var(--box-gap);padding:var(--box-padding-y) var(--box-padding-x);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@container box (width >= 940px){.box__container{--box-padding-x:1.5rem;--box-padding-y:1.5rem;--icon-width:3.5rem;--icon-height:3.5rem;align-items:center;flex-direction:row;padding:var(--box-padding-y) var(--box-padding-x)}}.box__container>:first-child{margin-top:0}.box__container>:last-child{margin-bottom:0}.box-p--none{--box-padding-x:0;--box-padding-y:0}.box-p--sm{--box-padding-x:0.75rem;--box-padding-y:0.5rem;--icon-width:1.5rem;--icon-height:1.5rem}.box-p--sm:has(.box__title){--box-padding-y:2rem}@container box (width >= 800px){.box-p--md{--box-padding-x:1.5rem;--box-padding-y:1.5rem;--box-gap:1rem}}.box-p--lg{--box-padding-x:1.5rem;--box-padding-y:1.5rem}@container box (width >= 800px){.box-p--lg{--box-padding-x:1.5rem;--box-padding-y:1.5rem}}.box-radius--sm{border-radius:8px}.box--icon{padding-left:calc(var(--icon-width) + var(--box-gap) + var(--box-padding-x));position:relative}.box--icon:before{display:block;flex-shrink:0;position:absolute;--tw-content:"";background-image:var(--esabora-plus-svg);background-repeat:no-repeat;background-size:contain;content:var(--tw-content);height:var(--icon-height);left:var(--box-padding-x);top:var(--box-padding-y);width:var(--icon-width)}.box--icon[class*=bg-accent]:before{background-color:currentcolor;background-image:none;-webkit-mask-image:var(--esabora-plus-svg);mask-image:var(--esabora-plus-svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.box--icon.box--centered-icon:before{top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.block__box .box__container:has(.wp-block-group) .wp-block-group>:first-child{margin-top:0}.block__box .box__container:has(.wp-block-group) .wp-block-group>:last-child{margin-bottom:0}.block__box .box__container:has(.wp-block-group)>:last-child{flex-shrink:0;margin-bottom:0;margin-top:0}