html.sa-pack-picker-open{overflow:hidden}sa-pack-picker{--sa-pp-border: var(--color-borders-main);--sa-pp-bg: transparent;--sa-pp-selected-bg: transparent;--sa-pp-heading: var(--color-text-main);--sa-pp-title: var(--color-text-main);--sa-pp-subtitle: var(--color-secondary-text-main, var(--color-text-main));--sa-pp-price: var(--color-text-main);--sa-pp-full-price: var(--color-secondary-text-main, var(--color-text-main));--sa-pp-badge-bg: var(--color-text-main);--sa-pp-badge-text: var(--color-background-main);--sa-pp-label-bg: var(--color-text-main);--sa-pp-label-text: var(--color-background-main);--sa-pp-cta-bg: var(--color-text-main);--sa-pp-cta-text: var(--color-background-main);--sa-pp-radius: 12px;--sa-pp-gap: .7rem;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483002;display:flex;align-items:flex-end;justify-content:center}sa-pack-picker[hidden]{display:none}.sa-pack-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .2s ease}.sa-pack-picker--visible .sa-pack-picker__backdrop{opacity:1}.sa-pack-picker__panel{position:relative;width:100%;max-height:88vh;overflow-y:auto;padding:1.5rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--color-background-main);color:var(--color-text-main);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .26s cubic-bezier(.32,.72,0,1)}.sa-pack-picker--visible .sa-pack-picker__panel{transform:translateY(0)}.sa-pack-picker__close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.sa-pack-picker__close svg{width:.875rem;height:.875rem}.sa-pack-picker__heading{margin:0 2rem .25rem 0;color:var(--sa-pp-heading);font-size:.875rem;font-weight:600;letter-spacing:.04em}.sa-pack-picker__product{margin:0 2rem 1rem 0;color:var(--sa-pp-subtitle);font-size:.8125rem}.sa-pack-picker__bars{display:flex;flex-direction:column;gap:var(--sa-pp-gap);margin-bottom:1.25rem}.sa-pack-picker__bar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.9rem;border:1px solid var(--sa-pp-border);border-radius:var(--sa-pp-radius);background:var(--sa-pp-bg);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s linear,box-shadow .15s linear,background-color .15s linear}.sa-pack-picker__bar--selected{background:var(--sa-pp-selected-bg);box-shadow:inset 0 0 0 1px var(--sa-pp-border)}.sa-pack-picker__mark{position:relative;width:1.125rem;height:1.125rem;border:1px solid var(--sa-pp-border);border-radius:50%}.sa-pack-picker__bar--selected .sa-pack-picker__mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--sa-pp-border)}.sa-pack-picker__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sa-pack-picker__title{color:var(--sa-pp-title);font-size:.9375rem;font-weight:600;line-height:1.3}.sa-pack-picker__subtitle{color:var(--sa-pp-subtitle);font-size:.8125rem;line-height:1.3}.sa-pack-picker__prices{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;white-space:nowrap}.sa-pack-picker__price{color:var(--sa-pp-price);font-size:.9375rem;font-weight:600}.sa-pack-picker__compare{color:var(--sa-pp-full-price);font-size:.8125rem}.sa-pack-picker__badge{position:absolute;top:0;right:.75rem;transform:translateY(-50%);padding:.15rem .5rem;border-radius:999px;background:var(--sa-pp-badge-bg);color:var(--sa-pp-badge-text);font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sa-pack-picker__submit{width:100%;border-color:var(--sa-pp-cta-bg);background:var(--sa-pp-cta-bg);color:var(--sa-pp-cta-text)}@media screen and (min-width:768px){sa-pack-picker{align-items:center}.sa-pack-picker__panel{max-width:26rem;border-radius:16px;transform:translateY(1rem) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease}.sa-pack-picker--visible .sa-pack-picker__panel{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.sa-pack-picker__panel,.sa-pack-picker__backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sa-pack-picker.css.map */