.bean-group-1{position:absolute;width:100%;height:500px;right:0;overflow:hidden;top:-10%;max-width:300px;display:grid;grid-template-columns:repeat(4,40px);grid-template-rows:repeat(5,40px);justify-content:end;gap:2rem}@media screen and (max-width:1100px){.bean-group-1{gap:0rem;max-width:200px;top:0}}.bean-group-1 .bean{right:0;transform:rotate(15deg);width:100%;height:100%;max-width:40px;max-height:40px}@media(max-width:1100px){.bean-group-1 .bean{max-width:30px;max-height:30px}}@media(max-width:800px){.bean-group-1 .bean{max-width:24px;max-height:24px}}.bean-group-1 .bean img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bean-group-1 .bean-1{transform:rotate(-35deg);grid-column:4/5}.bean-group-1 .bean-2{transform:rotate(42deg);grid-row:2/3;grid-column:3/4;margin-top:-1rem}.bean-group-1 .bean-3{grid-row:2/3;grid-column:4/5;transform:rotate(-22deg)}.bean-group-1 .bean-4{transform:rotate(60deg);grid-row:3/4;grid-column:4/5}.bean-group-1 .bean-5{transform:rotate(-48deg);grid-row:3/4;grid-column:3/4}.bean-group-1 .bean-6{transform:rotate(29deg);grid-row:4/5;grid-column:2/3;margin-top:-1rem}.bean-group-1 .bean-7{transform:rotate(-55deg);grid-row:4/5;grid-column:4/5;margin-top:-.5rem}@media(max-width:400px){.bean-group-1 .bean-7{display:none}}.bean-group-1 .bean-8{transform:rotate(24deg);grid-row:4/5;grid-column:3/4;margin-top:1.5rem}@media(max-width:400px){.bean-group-1 .bean-8{display:none}}.bean-group-1 .bean-9{transform:rotate(70deg);grid-row:5/6;grid-column:2/3;margin-left:-4rem}@media(max-width:400px){.bean-group-1 .bean-9{display:none}}.bean-group-1 .bean-10{transform:rotate(-31deg);grid-row:5/6;grid-column:3/4;margin-left:-3rem}@media(max-width:400px){.bean-group-1 .bean-10{display:none}}.bean-group-2{position:absolute;width:100%;height:400px;left:0;overflow:hidden;bottom:0;max-width:300px;display:grid;grid-template-columns:repeat(4,40px);grid-template-rows:repeat(5,40px);justify-content:start;gap:2rem}.bean-group-2 .bean{right:0;transform:rotate(15deg);width:100%;height:100%;max-width:40px;max-height:40px}@media(max-width:1100px){.bean-group-2 .bean{max-width:30px;max-height:30px}}.bean-group-2 .bean img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bean-group-2 .bean-1{transform:rotate(-35deg);grid-column:4/5}.bean-group-2 .bean-2{transform:rotate(42deg);grid-row:2/3;grid-column:3/4;margin-top:-1rem}.bean-group-2 .bean-3{grid-row:2/3;grid-column:4/5;transform:rotate(-22deg)}.bean-group-2 .bean-4{transform:rotate(60deg);grid-row:3/4;grid-column:2/3}.bean-group-2 .bean-5{transform:rotate(-48deg);grid-row:3/4;grid-column:3/4}.bean-group-2 .bean-6{transform:rotate(29deg);grid-row:4/5;grid-column:2/3;margin-top:-1rem}.bean-group-2 .bean-7{transform:rotate(-55deg);grid-row:4/5;grid-column:1/2;margin-top:-.5rem}.bean-group-2 .bean-8{transform:rotate(24deg);grid-row:4/5;grid-column:3/4}.bean-group-2 .bean-9{transform:rotate(70deg);grid-row:5/6;grid-column:2/3;margin-left:-4rem}.bean-group-2 .bean-10{transform:rotate(-31deg);grid-row:5/6;grid-column:3/4;margin-top:-2.5rem;margin-left:-3rem}.section-wrapper{overflow:hidden;position:relative}.section-wrapper .bean-group{z-index:-1}.section-wrapper .bean-group-1{top:10%}.section-wrapper .bean-group-2{bottom:10%}@media screen and (max-width:800px){.section-wrapper .bean-group-1,.section-wrapper .bean-group-2{display:none}}.bean-group{z-index:3;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/snippet-bean-group.css.map */