.drawers-with-image__grid{--gutter:40px}.drawers-with-image__images{position:relative}@media all and (max-width:768px){.drawers-with-image__images{display:none}}.drawers-with-image__images::after{content:"";display:block;padding-bottom:100%}.drawers-with-image .drawers-with-image__image{border-radius:40px;position:absolute;inset:0;opacity:0;transition:.5s opacity ease-in-out}.drawers-with-image .drawers-with-image__image img{object-fit:contain}.drawers-with-image .drawers-with-image__image.active{opacity:1}.drawers-with-image__image:nth-child(4n){background:var(--primary-gradient)}.drawer-item{padding:32px 24px}.drawer-item,.drawer-item::after{border-radius:24px}.drawer-item.active{background:hsla(0,0%,100%,.1);backdrop-filter:blur(5px)}.drawer-item.active::after{content:"";position:absolute;z-index:-1;inset:-1px;padding:1px;background:linear-gradient(.61deg,rgba(255,255,255,0),rgba(255,255,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:exclude}.drawer-item__header{cursor:pointer;display:flex;justify-content:space-between;gap:16px}.drawer-item__header>:last-child{flex:0 0 auto}.drawer-item__toggle{cursor:pointer;position:relative;width:16px;height:16px}.drawer-item__toggle span{position:absolute;top:50%;left:50%;width:16px;height:1px;background-color:var(--x-white);transition:.3s transform ease-in-out}.drawer-item__toggle span:first-child{transform:translate(-50%,-50%)}.drawer-item__toggle span:last-child{transform:translate(-50%,-50%) rotate(90deg)}.drawer-item.active .drawer-item__toggle span:last-child{transform:translate(-50%,-50%) rotate(180deg)}.drawer-item__content{max-height:0;overflow:hidden}.drawer-item__content>div{padding-top:16px}