.addons{--cols:3;align-items:start;column-gap:50px;display:grid;grid-template-columns:repeat(var(--cols),1fr);justify-items:start;row-gap:30px}.addons.addons--one-per-row{--cols:1}.addons.addons--two-per-row{--cols:2}.addons.addons--three-per-row{--cols:3}.addons.addons--four-per-row{--cols:4;gap:20px}.addon-card{background:linear-gradient(130deg,var(--Green,rgba(81,255,220,.3)) 4.59%,var(--Blurple,rgba(84,75,255,.3)) 90.05%);border-radius:30px;display:flex;flex-direction:column;height:100%;padding:32px 30px 40px;width:100%}.addon-tag{background:var(--Gradient-5,linear-gradient(270deg,#c15fff -9.37%,#544bff 100.06%));border-radius:50px;color:#fff;display:block;font-size:18px;margin-bottom:20px;max-width:max-content;padding:10px 20px}.addon-card__footer{align-items:flex-end;display:flex;flex-grow:1}.modal-trigger{margin-top:30px;text-align:center;width:100%}.addons-modal__content{position:relative}.addon-content{height:max-content;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.addon-content .label,.addon-content h4{margin-bottom:20px}.addon-content p{margin-bottom:0}.addon-content img{border-radius:20px;height:240px;margin-bottom:50px;object-fit:cover;object-position:center;width:100%}.modal--addonModal .modal__content{max-width:580px;padding:48px}.modal--show .addon-content.addon-content--active{opacity:1;pointer-events:all}@media (max-width:1200px){.addons{column-gap:20px;row-gap:20px}.addons:not(.addons--one-per-row){--cols:2}}@media (max-width:767px){.addons{--cols:1!important}}