.sugar-bento-grid{--bg-gap: var(--bg-gap-d);--bg-img-h: var(--bg-img-h-d);--bg-badge-size: var(--bg-badge-size-d);--bg-badge-off: 10px;--bg-heading-size: var(--bg-heading-size-d);--bg-desc-size: var(--bg-desc-size-d);display:grid;grid-template-columns:repeat(6,1fr);gap:var(--bg-gap);margin-top:var(--bg-mt);margin-bottom:var(--bg-mb)}.sugar-bento-grid .sugar-bento-item{display:flex;flex-direction:column;height:100%;isolation:isolate;background:var(--bg-bg);color:var(--bg-text);--color-foreground: var(--bg-fg);--color-background: var(--bg-bgc);border-radius:var(--bg-radius);overflow:hidden;box-shadow:var(--bg-shadow)}.sugar-bento-grid[data-bg-border] .sugar-bento-item{border:var(--bg-border-w) solid var(--bg-border-color, rgba(var(--color-foreground), .2))}.sugar-bento-grid a.sugar-bento-item{text-decoration:none;color:inherit}.sugar-bento-grid .sugar-bento-item__media{flex:1;min-height:var(--bg-img-h);overflow:hidden;position:relative;background:var(--bg-media-bg)}.sugar-bento-grid .sugar-bento-item__media img{position:absolute;display:block;object-fit:var(--bg-fit);top:var(--bg-img-off);left:var(--bg-img-off);width:var(--bg-img-size);height:var(--bg-img-size)}.sugar-bento-grid .sugar-bento-item__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.sugar-bento-grid[data-bg-zoom] .sugar-bento-item__media img{transition:transform .4s ease}.sugar-bento-grid[data-bg-zoom] .sugar-bento-item:hover .sugar-bento-item__media img{transform:scale(1.05)}.sugar-bento-grid .sugar-bento-item__badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:var(--bg-badge-radius);font-size:var(--bg-badge-size);line-height:1.2;font-weight:600;letter-spacing:.02em;word-break:break-word}.sugar-bento-grid[data-bg-badge=filled] .sugar-bento-item__badge{background:var(--badge-base);color:var(--badge-fg)}.sugar-bento-grid[data-bg-badge=outline] .sugar-bento-item__badge{background:rgb(var(--color-background));color:var(--badge-base);border:1px solid var(--badge-base)}.sugar-bento-grid[data-bg-badge=soft] .sugar-bento-item__badge{background:color-mix(in srgb,var(--badge-base) 14%,rgb(var(--color-background)));color:color-mix(in srgb,rgb(var(--color-foreground)) 60%,var(--badge-base) 40%);border:1px solid color-mix(in srgb,var(--badge-base) 34%,rgb(var(--color-background)))}.sugar-bento-grid[data-bg-badge-pos=above-heading] .sugar-bento-item__badge--media{display:none}.sugar-bento-grid[data-bg-badge-pos=above-heading] .sugar-bento-item__badge--content{margin-bottom:10px}.sugar-bento-grid:not([data-bg-badge-pos=above-heading]) .sugar-bento-item__badge--content{display:none}.sugar-bento-grid:not([data-bg-badge-pos=above-heading]) .sugar-bento-item__badge--media{position:absolute;top:var(--bg-badge-off);left:var(--bg-badge-off);z-index:2;max-width:calc(100% - 20px)}.sugar-bento-grid[data-bg-badge-pos=top-right] .sugar-bento-item__badge--media{left:auto;right:var(--bg-badge-off)}.sugar-bento-grid .sugar-bento-item__content{padding:var(--bg-content-pad);text-align:var(--bg-content-align)}.sugar-bento-grid .sugar-bento-item__heading{font-family:var(--font-heading-family);font-size:var(--bg-heading-size);font-weight:var(--font-heading-weight, 700);line-height:1.3;margin:0 0 6px;font-style:var(--font-heading-style);letter-spacing:var(--font-heading-letter-spacing);color:rgb(var(--color-foreground));word-break:break-word}.sugar-bento-grid .sugar-bento-item__description{font-size:var(--bg-desc-size);line-height:1.5;margin:0;opacity:.75}.sugar-bento-grid[data-bg-pos=over] .sugar-bento-item{position:relative;min-height:var(--bg-img-h)}.sugar-bento-grid[data-bg-pos=over] .sugar-bento-item__media{position:absolute;top:0;left:0;width:100%;height:100%;flex:none;min-height:0;z-index:0}.sugar-bento-grid[data-bg-pos=over] .sugar-bento-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(var(--color-background),var(--bg-overlay-a)),rgba(var(--color-background),0));z-index:1;pointer-events:none}.sugar-bento-grid[data-bg-pos=over] .sugar-bento-item__content{position:relative;z-index:2;margin-top:auto}@media screen and (max-width:749px){.sugar-bento-grid{--bg-gap: var(--bg-gap-m);--bg-img-h: var(--bg-img-h-m);--bg-badge-size: var(--bg-badge-size-m);--bg-badge-off: 8px;--bg-heading-size: var(--bg-heading-size-m);--bg-desc-size: var(--bg-desc-size-m);grid-template-columns:repeat(2,1fr)}.sugar-bento-grid[data-bg-device=desktop]{display:none!important}}@media screen and (min-width:750px){.sugar-bento-grid[data-bg-device=mobile]{display:none!important}}.sugar-bento-grid[data-bg-hints] .sugar-bento-grid__size-hint{position:absolute;bottom:6px;right:6px;z-index:5;display:block;padding:3px 8px;border-radius:6px;background:#121212bf;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;pointer-events:none;width:max-content;max-width:calc(100% - 12px);text-align:right}.sugar-bento-grid.sugar-bento-grid--empty{text-align:center;padding:24px;border:2px dashed rgba(var(--color-foreground),.2);border-radius:8px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.sugar-bento-grid .sugar-bento-grid__empty-title{margin:0;font-size:14px;font-weight:600;font-style:normal;color:rgba(var(--color-foreground),.6)}.sugar-bento-grid .sugar-bento-grid__empty-subtitle{margin:0;font-size:14px;font-style:italic;color:rgba(var(--color-foreground),.4)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/block-bento-grid.css.map */