.rb-pack{border:2.5px solid var(--rb-ink);width:100%;box-shadow:0 10px 22px -18px color-mix(in srgb, var(--rb-ink) 90%, transparent);background:#fff;border-radius:22px;flex-direction:column;padding:26px 20px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.rb-pack:hover{box-shadow:0 18px 28px -20px color-mix(in srgb, var(--rb-ink) 95%, transparent);transform:translateY(-4px)}.rb-pack-featured{background:var(--rb-yellow-soft)}.rb-pack-ribbon{background:var(--rb-ink);color:var(--rb-yellow);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:6px 15px;font-size:.68rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.rb-pack-title{font-family:var(--rb-font);letter-spacing:-.03em;text-align:center;margin:0 0 14px;font-size:1.12rem;line-height:1.2}.rb-pack-tag{text-align:center;color:var(--rb-soft);margin:0 0 14px;font-size:.85rem;line-height:1.4}.rb-pack-price{text-align:center;border-top:2px dashed color-mix(in srgb, var(--rb-ink) 22%, transparent);border-bottom:2px dashed color-mix(in srgb, var(--rb-ink) 22%, transparent);margin-bottom:16px;padding:14px 0}.rb-pack-price strong{font-family:var(--rb-font);font-size:2.5rem;font-weight:800;line-height:1;display:block}.rb-pack-split{color:var(--rb-green);background:color-mix(in srgb, var(--rb-green) 12%, #fff);border-radius:100px;margin-top:8px;padding:4px 11px;font-size:.76rem;font-weight:700;display:inline-block}.rb-pack-list{flex:1;grid-auto-rows:max-content;align-content:start;gap:9px;margin:0 0 20px;padding:0;list-style:none;display:grid}.rb-pack-list li{padding-left:27px;font-size:.88rem;line-height:1.4;position:relative}.rb-pack-list li:before{content:"";background:var(--rb-ink);border-radius:50%;width:18px;height:18px;position:absolute;top:1px;left:0}.rb-pack-list li:after{content:"";border-left:2px solid var(--rb-yellow);border-bottom:2px solid var(--rb-yellow);width:7px;height:3.5px;position:absolute;top:6.5px;left:5.5px;transform:rotate(-45deg)}.rb-pack-skeleton .rb-pack-title,.rb-pack-skeleton .rb-pack-tag,.rb-pack-skeleton .rb-pack-price strong,.rb-pack-skeleton .rb-pack-list li{background:color-mix(in srgb, var(--rb-ink) 9%, var(--rb-butter));color:#0000;border-radius:8px}.rb-pack-skeleton .rb-pack-list li:before,.rb-pack-skeleton .rb-pack-list li:after{display:none}.rb-pack-skeleton .rb-pack-list li{padding-left:0}@media (prefers-reduced-motion:reduce){.rb-pack{transition:none}}
