.plan-carousel{position:relative}.plan-arrow{display:none}@media (max-width:820px){.plan-carousel .plans-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:16px;max-width:none;margin:0;padding:10px 4px 22px;scroll-padding:0 4px;display:flex;overflow-x:auto}.plan-carousel .plans-grid::-webkit-scrollbar{display:none}.plan-carousel .plans-grid>.plan{scroll-snap-align:center;flex:0 0 82%}.plan-arrow{background:var(--bg);width:42px;height:42px;color:var(--t1);cursor:pointer;z-index:3;box-shadow:-3px -3px 8px var(--sl), 3px 3px 8px var(--sd);opacity:0;pointer-events:none;border:none;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;transition:opacity .2s;display:grid;position:absolute;top:calc(50% - 8px);transform:translateY(-50%)}.plan-arrow span{margin-top:-3px}.plan-arrow--left{left:-6px}.plan-arrow--right{right:-6px}.plan-arrow[data-show=true]{opacity:1;pointer-events:auto}.plan-arrow:active{box-shadow:inset -2px -2px 6px var(--sl), inset 2px 2px 6px var(--sd)}}