.collection-bento{--bento-gap: 8px;--bento-row-height: 320px;--bento-title-font: var(--font-body-family);--bento-title-size: 14px;--bento-title-tracking: .6px;--bento-title-case: none;--bento-title-bg-alpha: 1;--bento-title-text-alpha: 1;--bento-title-radius: 0px}.bento-box{display:grid;column-gap:var(--bento-gap);row-gap:var(--bento-gap);width:100%}.bento-box~.bento-box{padding-block-start:var(--bento-gap)}.bento-box__item{min-height:var(--bento-row-height);display:flex}@media screen and (max-width:900px){.bento-box{grid-template-columns:repeat(2,1fr)}.bento-box__item:nth-child(3n+1){grid-column:span 1}.bento-box__item:nth-child(3n+2){grid-column:span 1}.bento-box__item:nth-child(3n+3){grid-column:span 2}.bento-box__item:last-child:nth-child(3n+5){grid-column:span 1}.bento-box__item:last-child:nth-child(3n+4){grid-column:span 2}}@media screen and (min-width:901px){.bento-box{grid-template-columns:repeat(12,1fr);grid-template-areas:"A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G H H H I I I I I I" "J J J J K K K K L L L L"}.bento-box__item:nth-child(1){grid-area:A}.bento-box__item:nth-child(2){grid-area:B}.bento-box__item:nth-child(3){grid-area:C}.bento-box__item:nth-child(4){grid-area:D}.bento-box__item:nth-child(5){grid-area:E}.bento-box__item:nth-child(6){grid-area:F}.bento-box__item:nth-child(7){grid-area:G}.bento-box__item:nth-child(8){grid-area:H}.bento-box__item:nth-child(9){grid-area:I}.bento-box__item:nth-child(10){grid-area:J}.bento-box__item:nth-child(11){grid-area:K}.bento-box__item:nth-child(12){grid-area:L}.bento-box:has(.bento-box__item:first-child:nth-last-child(1)){grid-template-areas:"A A A A A A A A A A A A"}.bento-box:has(.bento-box__item:first-child:nth-last-child(2)){grid-template-areas:"A A A A A A B B B B B B"}.bento-box:has(.bento-box__item:first-child:nth-last-child(4)){grid-template-areas:"A A A A B B B B B B B B" "C C C C C C C C D D D D"}.bento-box:has(.bento-box__item:first-child:nth-last-child(5)){grid-template-areas:"A A A B B B B B B C C C" "D D D D D D E E E E E E"}.bento-box:has(.bento-box__item:first-child:nth-last-child(7)){grid-template-areas:"A A A B B B B B B C C C" "D D D D D D D D D E E E" "F F F F F F G G G G G G"}.bento-box:has(.bento-box__item:first-child:nth-last-child(8)){grid-template-areas:"A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G H H H H H H H H H"}.bento-box:has(.bento-box__item:first-child:nth-last-child(10)){grid-template-areas:"A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G G G G G G G H H H" "I I I J J J J J J J J J"}.bento-box:has(.bento-box__item:first-child:nth-last-child(11)){grid-template-areas:"A A A B B B B B B C C C" "D D D D D D E E E F F F" "G G G H H H I I I I I I" "J J J J K K K K K K K K"}}.bento-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-decoration:none;color:inherit;border-radius:var(--collection-card-corner-radius, 0);background-color:rgba(var(--color-foreground),.04)}.bento-card__image,.bento-card .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long, .5s) ease}.bento-card__image--placeholder{display:block;background-color:rgba(var(--color-foreground),.04)}.bento-card:hover .bento-card__image,.bento-card:hover .placeholder-svg{transform:scale(1.03)}.bento-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:1.2rem}.bento-card__title{display:inline-block;max-width:100%;padding:.4rem .8rem;border-radius:var(--bento-title-radius);background-color:rgba(var(--color-background),var(--bento-title-bg-alpha));color:rgba(var(--color-foreground),var(--bento-title-text-alpha));font-family:var(--bento-title-font);font-size:var(--bento-title-size);line-height:1.4;letter-spacing:var(--bento-title-tracking);text-transform:var(--bento-title-case);word-break:break-word}.bento-card--placeholder{cursor:default}@media screen and (max-width:749px){.bento-card__content{padding:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection-bento.css.map */