.wp-block-acf-recommend-content{--title-height:2rem;--padding-y:clamp(1rem,2vw,1.5rem);--padding-x:clamp(1rem,2vw,1.5rem)}.wp-block-acf-recommend-content .recommend-inner{container-type:inline-size;margin-top:calc(var(--title-height) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--padding-y) var(--padding-y);position:relative;border:1px solid var(--wp--preset--color--primary);border-radius:var(--wp--custom--border-radius)}.wp-block-acf-recommend-content .recommend-title{margin-top:calc((var(--title-height) / 2 + var(--padding-y)) * -1);height:var(--title-height);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0.8rem 0.1rem;font-size:inherit;color:var(--wp--preset--color--primary);line-height:1;border:1px solid var(--wp--preset--color--primary);border-radius:var(--wp--custom--border-radius);background-color:#fff}.wp-block-acf-recommend-content .recommend-content{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr clamp(1rem,3vw,2rem) 1fr clamp(1rem,3vw,2rem) 1fr clamp(1rem,3vw,2rem) 1fr;grid-template-columns:repeat(4,1fr);-ms-grid-rows:1fr clamp(0.8rem,2vw,1rem) 1fr;grid-template-rows:1fr 1fr;-webkit-column-gap:clamp(1rem,3vw,2rem);-moz-column-gap:clamp(1rem,3vw,2rem);column-gap:clamp(1rem,3vw,2rem);row-gap:clamp(0.8rem,2vw,1rem)}.wp-block-acf-recommend-content .recommend-content>:first-child{-ms-grid-row:1;-ms-grid-column:1}.wp-block-acf-recommend-content .recommend-content>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.wp-block-acf-recommend-content .recommend-content>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}.wp-block-acf-recommend-content .recommend-content>:nth-child(4){-ms-grid-row:1;-ms-grid-column:7}.wp-block-acf-recommend-content .recommend-content>:nth-child(5){-ms-grid-row:3;-ms-grid-column:1}.wp-block-acf-recommend-content .recommend-content>:nth-child(6){-ms-grid-row:3;-ms-grid-column:3}.wp-block-acf-recommend-content .recommend-content>:nth-child(7){-ms-grid-row:3;-ms-grid-column:5}.wp-block-acf-recommend-content .recommend-content>:nth-child(8){-ms-grid-row:3;-ms-grid-column:7}.wp-block-acf-recommend-content .recommend-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3}.wp-block-acf-recommend-content .recommend-image img{max-width:100%;max-height:7rem;vertical-align:middle;-o-object-fit:contain;object-fit:contain}.wp-block-acf-recommend-content .recommend-button,.wp-block-acf-recommend-content .recommend-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-column:2/-1}.wp-block-acf-recommend-content .recommend-text{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.wp-block-acf-recommend-content .recommend-button{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}.wp-block-acf-recommend-content .recommend-button a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:calc(0.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(0.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;line-height:1.3;color:#fff;background-color:var(--wp--preset--color--primary);border-radius:var(--wp--custom--border-radius);-webkit-transition:background-color 0.15s linear;transition:background-color 0.15s linear}.wp-block-acf-recommend-content .recommend-button a:hover{background-color:color-mix(in srgb,var(--wp--preset--color--primary) 85%,#000)}@container (max-width:450px){.wp-block-acf-recommend-content .recommend-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wp-block-acf-recommend-content .recommend-image{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wp-block-acf-recommend-content .recommend-image img{max-width:60%;max-height:18vh}}.wp-block-acf-recommend-content.acf-block-preview>*{pointer-events:none}