.bento-grid{position:relative;background-color:rgb(var(--color-background))}.bento-grid__message{text-align:center;padding:2rem}.bento-grid__message p{color:rgb(var(--color-foreground));margin:0}.bento-grid__header-wrapper{display:flex;flex-direction:column;margin-bottom:2rem}.bento-grid__title{margin:0;text-align:left}.bento-grid__description{margin:0}@media screen and (min-width:750px){.bento-grid__header-wrapper{margin-bottom:2.5rem}}.bento-grid__container{display:grid;gap:calc(var(--grid-gap) / 2);grid-template-columns:repeat(2,1fr);width:100%}.grid-card{position:relative;overflow:hidden;display:block;border-radius:var(--grid-border-radius);text-decoration:none;background-color:transparent}.grid-card__image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.cs__placeholder{--color-foreground: 1, 1, 1}.grid-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--color-background),calc(var(--overlay-opacity) / 100 * .5)),rgba(var(--color-background),calc(var(--overlay-opacity) / 100)));z-index:1;display:block}.grid-card__content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.grid-card__text{display:flex;align-items:flex-end;gap:1rem}.grid-card__title{color:rgb(var(--color-foreground));text-transform:uppercase;margin:0;line-height:1.25;font-size:15px;text-decoration:underline;text-underline-offset:4px;font-weight:600}.grid-card__arrow{flex-shrink:0;transform:rotate(0);transition:transform var(--duration-default) ease;display:flex;margin-bottom:6px}@media screen and (min-width:990px){.grid-card__arrow{margin-bottom:5px}}.grid-card__arrow svg{width:10px;height:10px}@media screen and (min-width:990px){.grid-card__arrow svg{width:12px;height:12px}}.grid-card:hover .grid-card__arrow{transform:rotate(45deg)}.bento-grid--3-items .grid-card:nth-child(1){grid-column:span 2}.bento-grid--3-items .grid-card:nth-child(2){grid-column:span 2}.bento-grid--3-items .grid-card:nth-child(3){grid-column:span 2}.bento-grid--4-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--4-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--4-items .grid-card:nth-child(3){grid-column:span 1}.bento-grid--4-items .grid-card:nth-child(4){grid-column:span 1}.bento-grid--5-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--5-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--5-items .grid-card:nth-child(3){grid-column:span 2}.bento-grid--5-items .grid-card:nth-child(4){grid-column:span 2}.bento-grid--5-items .grid-card:nth-child(5){grid-column:span 2}.bento-grid--6-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--6-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--6-items .grid-card:nth-child(3){grid-column:span 2}.bento-grid--6-items .grid-card:nth-child(4){grid-column:span 1}.bento-grid--6-items .grid-card:nth-child(5){grid-column:span 1}.bento-grid--6-items .grid-card:nth-child(6){grid-column:span 2}.bento-grid--7-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--7-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--7-items .grid-card:nth-child(3){grid-column:span 2}.bento-grid--7-items .grid-card:nth-child(4){grid-column:span 1}.bento-grid--7-items .grid-card:nth-child(5){grid-column:span 1}.bento-grid--7-items .grid-card:nth-child(6){grid-column:span 1}.bento-grid--7-items .grid-card:nth-child(7){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(3){grid-column:span 2}.bento-grid--8-items .grid-card:nth-child(4){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(5){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(6){grid-column:span 2}.bento-grid--8-items .grid-card:nth-child(7){grid-column:span 2}.bento-grid--8-items .grid-card:nth-child(8){grid-column:span 2}@media screen and (min-width:990px){.bento-grid--3-items .bento-grid__container{grid-template-columns:.65fr 1fr;grid-template-rows:repeat(2,1fr)}.bento-grid--3-items .grid-card:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.bento-grid--3-items .grid-card:nth-child(2){grid-column:1 / 2;grid-row:2 / 3}.bento-grid--3-items .grid-card:nth-child(3){grid-column:2 / 3;grid-row:1 / 3}.bento-grid--4-items .bento-grid__container{grid-template-columns:repeat(2,1fr)}.bento-grid--4-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--4-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--4-items .grid-card:nth-child(3){grid-column:span 1}.bento-grid--4-items .grid-card:nth-child(4){grid-column:span 1}.bento-grid--5-items .bento-grid__container{grid-template-columns:.6fr .6fr .8fr}.bento-grid--5-items .grid-card:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.bento-grid--5-items .grid-card:nth-child(2){grid-column:1 / 2;grid-row:2 / 3}.bento-grid--5-items .grid-card:nth-child(3){grid-column:3 / 4;grid-row:1 / 3}.bento-grid--5-items .grid-card:nth-child(4){grid-column:2 / 3;grid-row:1 / 2}.bento-grid--5-items .grid-card:nth-child(5){grid-column:2 / 3;grid-row:2 / 3}.bento-grid--6-items .bento-grid__container{grid-template-columns:.3fr .3fr .3fr .7fr;grid-template-rows:repeat(2,1fr)}.bento-grid--6-items .grid-card:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.bento-grid--6-items .grid-card:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}.bento-grid--6-items .grid-card:nth-child(3){grid-column:3 / 4;grid-row:1 / 2}.bento-grid--6-items .grid-card:nth-child(4){grid-column:4 / 5;grid-row:1 / 3}.bento-grid--6-items .grid-card:nth-child(5){grid-column:1 / 3;grid-row:2 / 3}.bento-grid--6-items .grid-card:nth-child(6){grid-column:3 / 4;grid-row:2 / 3}.bento-grid--7-items .bento-grid__container{grid-template-columns:.3fr .3fr .3fr .7fr;grid-template-rows:repeat(2,1fr)}.bento-grid--7-items .grid-card:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.bento-grid--7-items .grid-card:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}.bento-grid--7-items .grid-card:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}.bento-grid--7-items .grid-card:nth-child(4){grid-column:2 / 3;grid-row:2 / 3}.bento-grid--7-items .grid-card:nth-child(5){grid-column:3 / 4;grid-row:1 / 2}.bento-grid--7-items .grid-card:nth-child(6){grid-column:4 / 5;grid-row:1 / 3}.bento-grid--7-items .grid-card:nth-child(7){grid-column:3 / 4;grid-row:2 / 3}.bento-grid--8-items .bento-grid__container{grid-template-columns:8fr 8fr 5fr 5fr;grid-template-rows:repeat(2,1fr)}.bento-grid--8-items .grid-card:nth-child(1){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(2){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(3){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(4){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(5){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(6){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(7){grid-column:span 1}.bento-grid--8-items .grid-card:nth-child(8){grid-column:span 1}}.bento-grid__container{height:auto}.grid-card{aspect-ratio:2/3}.bento-grid--5-items .grid-card:nth-child(3),.bento-grid--5-items .grid-card:nth-child(4),.bento-grid--5-items .grid-card:nth-child(5),.bento-grid--6-items .grid-card:nth-child(3),.bento-grid--6-items .grid-card:nth-child(6),.bento-grid--7-items .grid-card:nth-child(3),.bento-grid--8-items .grid-card:nth-child(3),.bento-grid--8-items .grid-card:nth-child(6),.bento-grid--8-items .grid-card:nth-child(7),.bento-grid--8-items .grid-card:nth-child(8){aspect-ratio:4/3}.bento-grid--3-items .grid-card{aspect-ratio:4/3}.grid-card__content{padding:1.5rem}.grid-card__text{gap:.75rem}@media screen and (min-width:750px)and (max-width:989px){.grid-card__title{font-size:16px}}@media screen and (min-width:990px){.bento-grid__container{height:600px;gap:var(--grid-gap)}.grid-card,.bento-grid--3-items .grid-card{aspect-ratio:unset}.bento-grid--5-items .grid-card:nth-child(3),.bento-grid--5-items .grid-card:nth-child(4),.bento-grid--5-items .grid-card:nth-child(5),.bento-grid--6-items .grid-card:nth-child(3),.bento-grid--6-items .grid-card:nth-child(6),.bento-grid--7-items .grid-card:nth-child(3),.bento-grid--7-items .grid-card:nth-child(6),.bento-grid--8-items .grid-card:nth-child(3),.bento-grid--8-items .grid-card:nth-child(6),.bento-grid--8-items .grid-card:nth-child(7),.bento-grid--8-items .grid-card:nth-child(8){aspect-ratio:unset}.grid-card__content{padding:2rem}.grid-card__text{gap:1rem}.grid-card__title{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/cs-bento-grid.css.map */