.custom-variant-picker{width:100%;--variant-picker-accent: #005c62}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variant-format-tabs{display:flex;gap:12px;margin-bottom:20px}.variant-format-tab{flex:1;text-align:center;padding:16px 12px;font-size:var(--looom-font-size-body-md, 14px);font-weight:600;letter-spacing:.04em;border:1px solid #111;text-transform:uppercase;color:#111;background:#fff;cursor:pointer;transition:background .15s ease,color .15s ease}.variant-format-tabs{border:none;overflow:visible}.variant-format-tab.is-active{background:var(--variant-picker-accent);color:#fff}.variant-package-heading{font-size:var(--looom-font-size-body-sm, 12px);color:#9a9a9a;margin:0 0 10px}.variant-package-list{display:flex;flex-direction:column;gap:8px}.variant-refill-divider{order:98;display:flex;align-items:center;gap:12px;margin:12px 0 0;color:#777;font-size:var(--looom-font-size-body-sm, 12px);font-weight:600;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.variant-refill-divider:after{content:"";flex:1;border-top:1px solid #e5e5e5}.variant-package-card{position:relative;display:flex;align-items:center;gap:24px;border:1px solid #e5e5e5;border-radius:2px;padding:16px 20px;cursor:pointer;min-height:88px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.variant-package-card--refill{order:99}.variant-package-card:hover:not(.variant-package-card--soldout){border-color:#005c628c}.variant-package-card--active{border-color:var(--variant-picker-accent);background:#005c6209;box-shadow:inset 3px 0 0 var(--variant-picker-accent)}.variant-package-card--recommended{overflow:hidden;min-height:122px;padding-top:50px;border:1.5px solid var(--variant-picker-accent);background:#fff;box-shadow:none}.variant-package-card--recommended:hover:not(.variant-package-card--soldout){border-color:var(--variant-picker-accent);background:#dbc4fc14;box-shadow:none;transform:none}.variant-package-card--recommended.variant-package-card--active{border-color:var(--variant-picker-accent);background:#005c6209;box-shadow:inset 4px 0 0 var(--variant-picker-accent)}.variant-package-card--soldout{opacity:.5;cursor:not-allowed}.variant-package-card__radio{position:absolute;opacity:0;width:0;height:0}.variant-package-card__dot{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:1.5px solid #c9c9c9;position:relative}.variant-package-card--active .variant-package-card__dot{border-color:var(--variant-picker-accent)}.variant-package-card--active .variant-package-card__dot:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--variant-picker-accent);transform:translate(-50%,-50%)}.variant-package-card__info{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.variant-recommendation-badge{position:absolute;top:0;right:0;left:0;display:flex;min-height:34px;align-items:center;justify-content:center;margin:0;padding:8px 14px;background:#005c62;color:#dbc4fc;font-size:var(--looom-font-size-body-sm, 12px);font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.variant-package-card__title{font-size:var(--looom-font-size-body-md, 14px);font-weight:700;color:#111}.variant-package-card__subtitle{font-size:var(--looom-font-size-body-md, 14px);color:#b0b0b0}.variant-price-block{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.variant-save-badge{padding:0;background:transparent;color:#005c62;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.25;text-transform:none}.variant-price{font-size:14px;font-weight:700;line-height:1.2;color:#111}.variant-compare-price{font-size:12px;color:#b0b0b0;line-height:1.2;text-decoration:line-through;text-decoration-thickness:1px}@media screen and (max-width:479px){.variant-package-card{gap:12px;padding:14px 12px}.variant-package-card--recommended{min-height:116px;padding-top:48px}.variant-package-card__dot{width:18px;height:18px}.variant-package-card--active .variant-package-card__dot:after{width:8px;height:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-variant-picker.css.map */