product-pack-selector{display:block}.pack-selector__stock-banner{display:block;text-align:center;font-size:var(--font-size--sm);font-weight:600;color:#9b1c31;background:#fbe7ea;border-radius:10px;padding:10px 16px;margin-block-end:var(--gap-md)}.pack-selector-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pack-selector{--pack-border: #e5e5e5;--pack-border-selected: #3483fa;--pack-bg-selected: #fafafa;--pack-radius: 14px;--pack-muted: rgb(var(--color-foreground-rgb) / 55%);display:flex;flex-direction:column;gap:var(--gap-xl);margin:0;margin-block-end:var(--gap-xl);padding:0;border:none}.pack-selector__legend{font-size:var(--font-size--lg);font-weight:600;color:var(--color-foreground);margin-block-end:var(--gap-sm);padding:0}.pack-option{position:relative;display:block;width:100%;cursor:pointer}.pack-option__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;z-index:1;cursor:pointer}.pack-option__body{display:flex;flex-direction:column;gap:0;width:100%;padding:6px 18px;background:var(--color-background, #ffffff);border:1px solid var(--pack-border);border-radius:var(--pack-radius);transition:border-color .2s ease,background-color .2s ease}.pack-option__input:checked~.pack-option__body{border-color:var(--pack-border-selected);background:var(--pack-bg-selected)}.pack-option__input:focus-visible~.pack-option__body{outline:2px solid var(--pack-border-selected);outline-offset:2px}@media(hover:hover){.pack-option:hover .pack-option__body{border-color:var(--pack-border-selected)}}.pack-option__line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-md)}.pack-option__identity{display:flex;align-items:center;gap:12px}.pack-option__dot{--pack-dot-size: 20px;flex-shrink:0;width:var(--pack-dot-size);height:var(--pack-dot-size);border-radius:50%;border:1.5px solid var(--pack-border);background-color:transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.pack-option__input:checked~.pack-option__body .pack-option__dot{border-color:var(--pack-border-selected);background-color:var(--pack-border-selected);box-shadow:inset 0 0 0 3px var(--color-background, #ffffff)}.pack-option__name{font-family:var(--font-body--family);font-size:var(--font-size--lg);font-weight:600;line-height:1.05;color:var(--color-foreground)}.pack-option__badge{align-self:center;display:inline-block;font-size:11px;font-weight:600;line-height:1;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:6px 12px;border-radius:8px}.pack-option__badge--recommended{background:#eaf3ff;color:#2563eb}.pack-option__badge--best-price{background:#eafbf1;color:#15803d}.pack-option__badge--intro{background:#fdf1e2;color:#b4650f}.pack-option__qty-shipping{font-size:var(--font-size--sm);line-height:1.15;color:var(--pack-muted);margin-block-start:0}.pack-option__price{align-self:flex-end;font-size:calc(var(--font-size--xl) * 1.5);font-weight:700;line-height:1;color:var(--color-foreground);white-space:nowrap;margin-block-start:2px}.pack-option__before{align-self:flex-end;font-size:var(--font-size--sm);color:var(--pack-muted);text-decoration:line-through;line-height:1.15;margin-block-start:0}.pack-option__pills{display:flex;flex-wrap:wrap;align-items:center;align-self:flex-start;gap:8px;margin-block:6px 2px}.pack-option__pill{display:inline-flex;align-items:center;width:fit-content;gap:6px;font-size:11px;font-weight:700;border-radius:999px;padding:6px 12px}.pack-option__pill:before{content:"";flex-shrink:0;width:12px;height:12px}.pack-option__pill--shipping{color:#14833b;background:#e8f8ec}.pack-option__pill--shipping:before{background-color:#14833b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat}.pack-option__pill--installments{color:#1d4ed8;background:#eaf1ff}.pack-option__pill--installments:before{background-color:#1d4ed8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") center / contain no-repeat}.pack-selector__separator{display:flex;align-items:center;gap:var(--gap-sm);text-align:center;font-size:var(--font-size--xs);font-weight:600;color:var(--pack-muted);margin-block:var(--gap-md) var(--gap-sm)}.pack-selector__separator:before,.pack-selector__separator:after{content:"";flex:1;height:1px;background:var(--pack-border, #e5e5e5)}.pack-selector-cta{width:100%;font-size:var(--font-size--md);font-weight:700;padding-block:1.1em;transition:transform .2s ease,box-shadow .2s ease}@media(hover:hover){.pack-selector-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(var(--color-foreground-rgb) / 18%)}}@media(prefers-reduced-motion:reduce){.pack-selector-cta:hover{transform:none}}.pack-selector-trust-caption{display:block;text-align:center;font-size:var(--font-size--xs);color:rgb(var(--color-foreground-rgb) / 55%);margin-block-start:var(--gap-sm)}@media screen and (max-width:749px){.pack-option__body{padding:3px 12px}.pack-option__price,.pack-option__before{margin-block-start:0}}@media(prefers-reduced-motion:reduce){.pack-option__body,.pack-option__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-pack-selector.css.map */