.bento-grid{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;container-type:inline-size;container-name:bento-grid;gap:var(--item-spacing, 20px);width:100%;max-width:min(1300px,95%);grid-auto-rows:min(var(--item-row-height, 300px),calc(50vw - 40px));grid-auto-flow:row dense;margin:10px auto}.bento-grid .item{position:relative;border-radius:15px;overflow:hidden;display:flex;box-sizing:border-box;box-shadow:0 0 10px 3px #0000004d;transition:filter var(--animation-speed-medium, .5s) ease-in-out,scale var(--animation-speed-medium, .5s) ease-in-out}.bento-grid .item .item-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.bento-grid .item .info-container{position:absolute;box-sizing:border-box;color:#000;padding:20px;display:flex;flex-direction:column;line-height:1.25;background-color:var(--card-theme-color);text-align:left;font-size:1.3rem;inset:auto 0 0 0}.bento-grid .item .info-container .info-header{font-size:1.2em;font-weight:700;text-transform:uppercase;margin-bottom:5px}.bento-grid .item .info-container .info{display:none;margin-bottom:20px}.bento-grid .item .info-read-more{z-index:1;border-radius:10px;color:#000;font-weight:700;font-size:.9em;transition:scale var(--animation-speed-medium, .5s) ease-in-out,filter var(--animation-speed-medium, .5s) ease-in-out;margin:auto 0 0;transform-origin:bottom left;width:fit-content}.bento-grid:has(.item:hover) .item,.bento-grid:has(.item:focus) .item{filter:brightness(.8)}:is(.bento-grid:has(.item:hover) .item,.bento-grid:has(.item:focus) .item) item-bg{filter:saturate(.2)}.bento-grid .item:hover,.bento-grid .item:focus{scale:1.03;z-index:1;box-shadow:0 0 15px 3px var(--card-theme-color);filter:brightness(1)!important}:is(.bento-grid .item:hover,.bento-grid .item:focus) .item-bg{filter:saturate(1.5)!important}:is(.bento-grid .item:hover,.bento-grid .item:focus) .info-container{color:#fff}@container bento-grid (inline-size > 1140px){.bento-grid .multispan-row{grid-row:var(--grid-row-span, 1);height:100%}.bento-grid .multispan-column{grid-column:var(--grid-column-span, 1);height:100%}}.info-read-more{display:inline-flex;align-items:center;text-decoration:underline!important;text-decoration-color:currentColor;text-decoration-line:underline;background-color:transparent}.arrow{width:40px;height:20px}.shaft{transform-origin:left center;transform-box:fill-box;transition:transform var(--animation-speed-medium, .5s) ease}.arrowhead{transition:transform var(--animation-speed-medium, .5s) ease}.bento-grid>.item:hover .shaft,.bento-grid>.item:focus .shaft{transform:scaleX(1.6);fill:#fff}.bento-grid>.item:hover .arrowhead,.bento-grid>.item:focus .arrowhead{transform:translate(9px)}.bento-grid>.item:focus-visible{outline:none;box-shadow:none}.bento-grid>.item:hover .info-container>.info-read-more,.bento-grid>.item:focus .info-container>.info-read-more{color:#fff;scale:1.3;border:none}:scope:active .info-container>.info-read-more{color:#fff}@media screen and (min-width: 990px){.bento-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.bento-grid>.item>.info-container{inset:var(--item-align, auto 0 0 0)}.bento-grid>.item>.info-container .info{display:block}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/bento-grid.css.map */