.optic-bundle{--ob-white: #fff;--ob-space-xs: .25rem;--ob-space-sm: .5rem;--ob-space-md: .75rem;--ob-space-lg: 1rem;--ob-shadow: #193d2e;--ob-offer-count: 3;display:block;position:relative;isolation:isolate;min-inline-size:0;max-inline-size:100%;border-radius:var(--ob-radius);color:var(--ob-text-color);background:radial-gradient(ellipse at 4% 5%,var(--ob-glass-tint),transparent 65%),radial-gradient(ellipse at 100% 90%,color-mix(in srgb,var(--ob-glass-tint) 70%,var(--ob-white)),transparent 70%),var(--ob-card-color);font-family:inherit;line-height:1.4;container:optic-bundle / inline-size}.optic-bundle [hidden]{display:none}.optic-bundle__surface{position:relative;padding:var(--ob-card-padding);border:1px solid color-mix(in srgb,var(--ob-white) 85%,transparent);border-radius:inherit;background:linear-gradient(125deg,color-mix(in srgb,var(--ob-selected-color) var(--ob-glass-opacity),transparent),color-mix(in srgb,var(--ob-selected-color) 28%,transparent) 55%,color-mix(in srgb,var(--ob-selected-color) 70%,transparent));box-shadow:inset 0 1px 0 var(--ob-white),inset 0 -1px color-mix(in srgb,var(--ob-white) 70%,transparent),0 12px 36px -22px color-mix(in srgb,var(--ob-shadow) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--ob-accent) 9%,transparent);-webkit-backdrop-filter:blur(var(--ob-glass-blur)) saturate(140%);backdrop-filter:blur(var(--ob-glass-blur)) saturate(140%)}.optic-bundle__campaign{margin-block-end:1.25rem}.optic-bundle__eyebrow{display:flex;align-items:center;gap:.35rem;margin:0 0 .5rem;color:var(--ob-accent);font-size:.625rem;font-weight:750;letter-spacing:.13em;line-height:1.5}.optic-bundle__spark{font-size:.875rem;line-height:1}.optic-bundle__heading{margin:0;color:var(--ob-text-color);font-family:inherit;font-size:var(--ob-heading-size);font-weight:700;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}.optic-bundle__subheading{margin:.5rem 0 0;font-size:var(--ob-subheading-size);line-height:1.5;color:var(--ob-muted-color);text-wrap:pretty}.optic-bundle__offers{display:grid;grid-template-columns:repeat(var(--ob-offer-count),minmax(0,1fr));gap:var(--ob-card-gap);min-inline-size:0;margin:0;padding:0;border:0}.optic-bundle__offer{display:contents}.optic-bundle__choice{position:relative;display:flex;grid-row:1;flex-direction:column;justify-content:space-between;align-items:stretch;gap:.55rem;min-inline-size:0;min-block-size:112px;margin:0;padding:.8rem .5rem .65rem;border:1px solid color-mix(in srgb,var(--ob-accent) 13%,transparent);border-radius:calc(var(--ob-radius) * .62);background:color-mix(in srgb,var(--ob-selected-color) 35%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ob-white) 80%,transparent);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.optic-bundle__offer:has(.optic-bundle__radio:checked) .optic-bundle__choice{border-color:var(--ob-accent);background:color-mix(in srgb,var(--ob-selected-color) 92%,transparent);box-shadow:inset 0 0 0 .5px var(--ob-accent),0 5px 15px -7px color-mix(in srgb,var(--ob-shadow) 35%,transparent)}.optic-bundle__choice:hover{background:color-mix(in srgb,var(--ob-selected-color) 80%,transparent)}.optic-bundle__choice:active{transform:scale(.98)}.optic-bundle__choice:has(.optic-bundle__radio:focus-visible){outline:3px solid var(--ob-accent);outline-offset:3px}.optic-bundle__radio{position:absolute;inline-size:1px;block-size:1px;opacity:0}.optic-bundle__choice-top{display:flex;align-items:center;justify-content:center;gap:.3rem}.optic-bundle__check{display:grid;place-items:center;flex-shrink:0;inline-size:16px;block-size:16px;border:1px solid var(--ob-muted-color);border-radius:50%;color:transparent;background:color-mix(in srgb,var(--ob-white) 55%,transparent)}.optic-bundle__offer:has(.optic-bundle__radio:checked) .optic-bundle__check{color:var(--ob-white);border-color:var(--ob-accent);background:var(--ob-accent)}.optic-bundle__title{min-inline-size:0;color:var(--ob-text-color);font-size:var(--ob-title-size);font-weight:650;line-height:1.25;overflow-wrap:anywhere}.optic-bundle__prices{display:grid;justify-items:center;gap:.2rem;line-height:1.15}.optic-bundle__price{font-size:var(--ob-price-size);font-weight:750;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}.optic-bundle__compare{color:var(--ob-muted-color);font-size:.7rem}.optic-bundle__deal{align-self:center;display:grid;place-items:center;min-block-size:23px;max-inline-size:100%;padding:.2rem .4rem;border-radius:999px;color:var(--ob-muted-color);font-size:.625rem;font-weight:600;line-height:1.2}.optic-bundle__deal--saving{color:var(--ob-badge-text);background:var(--ob-badge-color)}.optic-bundle__details{display:none;grid-column:1 / -1;grid-row:2;min-inline-size:0;margin-block-start:.35rem}.optic-bundle__offer:has(.optic-bundle__radio:checked) .optic-bundle__details{display:block;animation:optic-bundle-reveal .18s ease-out}.optic-bundle:not([data-ready]) .optic-bundle__offer:first-of-type .optic-bundle__details{display:block}.optic-bundle__product{display:flex;align-items:center;gap:.75rem;padding:.65rem .2rem 1rem}.optic-bundle__image-wrap{position:relative;flex-shrink:0;inline-size:var(--ob-image-size);block-size:var(--ob-image-size)}.optic-bundle__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;border:1px solid color-mix(in srgb,var(--ob-white) 80%,transparent);border-radius:.8rem}.optic-bundle__product-quantity{position:absolute;inset-inline-end:-.3rem;inset-block-end:-.2rem;padding:.05rem .3rem;border:2px solid var(--ob-card-color);border-radius:.45rem;background:var(--ob-accent);color:var(--ob-white);font-size:.625rem;font-weight:700}.optic-bundle__product-copy{display:grid;gap:.2rem;min-inline-size:0}.optic-bundle__product-name{font-size:.8rem;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.optic-bundle__unit-price{color:var(--ob-muted-color);font-size:.75rem}.optic-bundle__gift-zone{padding:.9rem;border:1px solid color-mix(in srgb,var(--ob-white) 95%,transparent);border-radius:calc(var(--ob-radius) * .72);background:color-mix(in srgb,var(--ob-gift-color) 40%,transparent);box-shadow:inset 0 1px 0 var(--ob-white)}.optic-bundle__gift-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;margin-block-end:.75rem}.optic-bundle__gift-heading-copy{display:inline-flex;align-items:center;gap:.4rem;color:var(--ob-accent);font-size:.85rem;font-weight:700}.optic-bundle__gift-count{color:var(--ob-muted-color);font-size:.65rem;font-weight:500}.optic-bundle__gifts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.optic-bundle__gift{position:relative;display:flex;flex-direction:column;min-inline-size:0;padding:.65rem;border:1px solid color-mix(in srgb,var(--ob-white) 90%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--ob-gift-color) 82%,transparent);box-shadow:0 2px 8px -6px var(--ob-shadow)}.optic-bundle__gift-visual{position:relative;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;margin-block-end:.6rem;block-size:var(--ob-gift-image-size);min-inline-size:0}.optic-bundle__gift-image{display:block;max-inline-size:100%;max-block-size:100%;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;object-fit:contain;border-radius:.65rem;mix-blend-mode:multiply}.optic-bundle__quantity{position:absolute;inset-block-start:-.2rem;inset-inline-end:-.2rem;display:inline-grid;place-items:center;min-inline-size:28px;min-block-size:26px;padding-inline:.4rem;border:1px solid color-mix(in srgb,var(--ob-white) 85%,transparent);border-radius:999px;color:var(--ob-white);background:var(--ob-accent);box-shadow:0 2px 5px -3px var(--ob-shadow);font-size:.75rem;line-height:1;font-weight:700}.optic-bundle__gift-name{display:block;flex:1;margin-block-end:.35rem;min-block-size:2.6em;font-size:var(--ob-gift-size);font-weight:650;line-height:1.3;overflow-wrap:anywhere}.optic-bundle__free{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.2rem;color:var(--ob-accent);font-size:.6875rem;line-height:1.4;font-weight:650}.optic-bundle__submit{display:flex;align-items:center;justify-content:center;gap:.5rem;inline-size:100%;min-block-size:var(--ob-button-height);margin-block-start:var(--ob-button-gap);padding:.85rem .8rem;border:1px solid color-mix(in srgb,var(--ob-white) 25%,transparent);border-radius:var(--ob-button-radius);color:var(--ob-white);background:linear-gradient(155deg,color-mix(in srgb,var(--ob-accent) 84%,var(--ob-white)),var(--ob-accent) 65%);box-shadow:inset 0 1px color-mix(in srgb,var(--ob-white) 25%,transparent),0 6px 15px -8px color-mix(in srgb,var(--ob-shadow) 70%,transparent);font:inherit;font-size:var(--ob-button-size);font-weight:650;line-height:1.3;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.optic-bundle__submit:hover{transform:translateY(-1px)}.optic-bundle__submit:active{transform:scale(.99)}.optic-bundle__submit:focus-visible{outline:3px solid var(--ob-accent);outline-offset:3px}.optic-bundle__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.optic-bundle__button-total{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.optic-bundle__button-arrow{flex-shrink:0}.optic-bundle__footer{display:flex;align-items:center;justify-content:center;gap:.3rem;margin:.65rem 0 0;color:var(--ob-muted-color);font-size:.65rem;line-height:1.5;text-align:center}.optic-bundle__footer svg{flex-shrink:0}.optic-bundle__error,.optic-bundle__editor-note{margin-block:.75rem;color:var(--ob-text-color);font-size:.8rem}.optic-bundle__error{padding:.75rem;border:1px solid currentColor;border-radius:.5rem}.optic-bundle__sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.optic-bundle[data-hide-product] .optic-bundle__product,.optic-bundle[data-hide-compare] .optic-bundle__compare,.optic-bundle[data-hide-product-price] .optic-bundle__unit-price{display:none}.product-form__form[data-optic-bundle-active]>.product-add-to-cart-button,.product-form__form[data-optic-bundle-active]>sticky-add-to-cart,.product-form__form[data-optic-bundle-active]>.accelerated-checkout{display:none}@container optic-bundle (max-width: 380px){.optic-bundle__title{font-size:min(var(--ob-title-size),13px)}.optic-bundle__price{font-size:min(var(--ob-price-size),18px)}.optic-bundle__choice-top{gap:.2rem}.optic-bundle__check{inline-size:14px;block-size:14px}.optic-bundle__gift-zone{padding:.65rem}.optic-bundle__gift{padding:.5rem}.optic-bundle__gift-visual{block-size:min(var(--ob-gift-image-size),90px)}}@container optic-bundle (max-width: 310px){.optic-bundle__surface{padding:min(var(--ob-card-padding),12px)}.optic-bundle__title{font-size:12px}.optic-bundle__price{font-size:min(var(--ob-price-size),16px)}.optic-bundle__choice{padding-inline:.25rem}.optic-bundle__check{display:none}.optic-bundle__heading{font-size:min(var(--ob-heading-size),21px)}.optic-bundle__submit{gap:.3rem;font-size:min(var(--ob-button-size),13px)}.optic-bundle__button-arrow{inline-size:16px}.optic-bundle__gift-name{font-size:min(var(--ob-gift-size),12px)}.optic-bundle__free{font-size:.625rem}}@keyframes optic-bundle-reveal{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.optic-bundle__details{animation:none}.optic-bundle__choice,.optic-bundle__submit{transition:none}}@media(prefers-reduced-transparency:reduce){.optic-bundle__surface,.optic-bundle__choice,.optic-bundle__gift-zone,.optic-bundle__gift{background:var(--ob-card-color);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.optic-bundle__surface,.optic-bundle__choice,.optic-bundle__gift,.optic-bundle__submit{border:1px solid CanvasText;background:Canvas;color:CanvasText}.optic-bundle__offer:has(.optic-bundle__radio:checked) .optic-bundle__choice{outline:2px solid Highlight}.optic-bundle__check,.optic-bundle__quantity,.optic-bundle__free{forced-color-adjust:auto;border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/optic-bundle.css.map */