.shop-reason{border-radius:var(--r-m);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--gum-hi);align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:600;display:flex}.shop-reason svg{width:20px;height:20px;color:var(--lolli);flex:none}.period{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:999px;justify-self:start;padding:4px;display:inline-flex}.period button{color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;transition:background .25s,color .25s}.period button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.period em{color:var(--lolli);font-style:normal;font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums;margin-left:6px;font-size:12px;font-weight:700}.period button[aria-pressed=true] em{color:var(--gum)}.plans{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;padding-top:12px;display:grid}.plan{background:var(--surface);border-radius:var(--r-l);box-shadow:0 0 0 1px var(--line);grid-template-rows:auto auto auto auto 1fr auto;gap:12px;padding:24px 22px;display:grid;position:relative}.plan h3{font-family:var(--f-display);font-weight:400;font-size:calc(40px * var(--d-scale));line-height:1}.plan .price{align-items:baseline;gap:6px;display:flex}.plan .price .num{letter-spacing:-.02em;font-size:38px;font-weight:800;line-height:1}.plan .price small{color:var(--ink-2);font-size:13px}.plan .sub{color:var(--ink-2);min-height:1.5em;margin-top:-6px;font-size:13px}.plan ul{align-content:start;gap:9px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.plan li{grid-template-columns:16px 1fr;gap:8px;display:grid}.plan li svg{width:12px;height:12px;color:var(--gum);margin-top:5px}.plan .btn{margin-top:6px}.plan .flag{background:var(--lolli);color:#fff;font-family:var(--f-accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:22px}.plan .flag.mine{background:var(--ink);left:auto;right:22px}.plan.hot{background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:0 0 0 2px var(--lolli), 0 30px 60px -30px var(--lolli)}.plan.queen{background:var(--night);color:var(--night-ink);box-shadow:0 0 0 1px var(--night-2)}.plan.queen .label,.plan.queen .sub,.plan.queen .price small{color:#c99dbb}.plan.queen h3{color:var(--gum)}.plan.queen .btn-ghost{color:var(--night-ink);box-shadow:inset 0 0 0 1.5px #5a2550}.plan.queen .flag.mine{background:var(--gum);color:var(--night)}.shop2{grid-template-columns:1.25fr 1fr;gap:16px;display:grid}.shop2 .box{align-content:start;gap:10px;display:grid}.packs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.pack{border-radius:var(--r-m);background:var(--surface-2);text-align:center;transition:transform .25s var(--ease-candy), box-shadow .2s;border:0;justify-items:center;gap:2px;padding:16px 10px 14px;display:grid;position:relative}@media (hover:hover){.pack:hover{box-shadow:0 0 0 1.5px var(--gum-hi), 0 16px 30px -18px var(--lolli);transform:translateY(-3px)}}.pack:active{transform:scale(.96)}.pack:disabled{cursor:default}.pack .jar{width:48px;height:48px;color:var(--lolli);margin-bottom:4px}.pack .num{font-size:24px;line-height:1.1}.pack small{color:var(--ink-2);font-size:12px}.pack .p{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--cotton);border-radius:999px;margin-top:10px;padding:5px 12px;font-size:14px;font-weight:800}.pack .bonus{font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums;color:#fff;background:var(--lolli);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.giftlist{gap:8px;margin-top:6px;display:grid}.giftlist>div{border-radius:var(--r-m);background:var(--surface-2);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:grid}.giftlist i{background:var(--surface);width:40px;height:40px;color:var(--lolli);border-radius:12px;place-items:center;display:grid}.giftlist i svg{width:20px;height:20px}.giftlist b{font-size:14px;display:block}.giftlist small{color:var(--ink-2);font-size:12px}.giftlist em{font-style:normal;font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums;color:var(--lolli);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.giftlist em svg{width:13px;height:13px}.shop-fine{color:var(--ink-2);text-align:center;font-size:13px}@media (max-width:1100px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.shop2{grid-template-columns:1fr}}@media (max-width:640px){.plans{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:14px var(--gutter) 8px;scroll-padding-inline:var(--gutter);display:flex;overflow-x:auto}.plans::-webkit-scrollbar{display:none}.plan{scroll-snap-align:start;flex:0 0 82%}.packs{grid-template-columns:repeat(2,minmax(0,1fr))}}