.perks-expandable{background-color:var(--color-background-secondary)}.perks-expandable .layout{display:flex;flex-direction:row;gap:6rem;align-items:flex-start}.perks-expandable .content-col{flex:1;display:flex;flex-direction:column;gap:3rem}.perks-expandable .accordion{display:flex;flex-direction:column;gap:1rem}.perks-expandable .item{display:flex;flex-direction:column;border:1px solid #d3d3d3;border-radius:12px;overflow:hidden;padding:1rem}.perks-expandable .trigger{width:100%;display:flex;align-items:center;background:0 0;border:none;cursor:pointer;text-align:left;color:var(--color-on-background-secondary)}.perks-expandable .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:var(--color-on-primary);flex-shrink:0;opacity:1;margin-right:16px;transition:all .2s ease}.perks-expandable .item.is-active .icon{opacity:0;width:0;margin-right:-4px}.perks-expandable .icon svg{width:16px;height:16px}.perks-expandable .title{font-weight:500}.perks-expandable .panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.perks-expandable .item.is-active .panel{grid-template-rows:1fr}.perks-expandable .panel-inner{overflow:hidden;padding-top:12px}.perks-expandable .media-col{flex:1;display:flex;justify-content:center;align-items:center}.perks-expandable .media-wrapper{width:100%;position:relative;background-color:transparent}.perks-expandable .media-item{display:none;width:100%;height:100%;border-radius:12px;overflow:hidden}.perks-expandable .media-item.is-active{display:block;animation:mediaFadeIn .4s ease-in-out}@keyframes mediaFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.perks-expandable .feature-media{display:block;width:100%;height:auto;object-fit:cover}@media (max-width:1199px){.perks-expandable .media-col{display:none}}