.seal-milkit-variant-picker{display:block;width:100%;color:var(--color-foreground)}.seal-milkit-variant-picker__native{display:none!important}.seal-milkit-variant-picker__header{display:grid;gap:4px;margin-block-end:12px}.seal-milkit-variant-picker__eyebrow,.seal-milkit-variant-picker__title{margin:0}.seal-milkit-variant-picker__eyebrow{color:rgb(var(--color-foreground-rgb) / .58);font-size:var(--font-size--2xs);font-weight:760;line-height:1.2;letter-spacing:0;text-transform:uppercase}.seal-milkit-variant-picker__title{font-size:var(--font-size--md);font-weight:760;line-height:1.2}.seal-milkit-variant-picker__choices{display:grid;gap:10px}.seal-milkit-variant-picker__choice{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:82px;padding:14px;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:8px;background:linear-gradient(135deg,rgb(var(--color-background-rgb) / .98),rgb(var(--color-background-rgb) / .82)),rgb(var(--color-foreground-rgb) / .025);cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),box-shadow var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.seal-milkit-variant-picker__choice:hover{border-color:rgb(var(--color-foreground-rgb) / .24);box-shadow:0 14px 34px rgb(var(--color-foreground-rgb) / .06)}.seal-milkit-variant-picker__choice.is-selected{border-color:rgb(var(--color-foreground-rgb) / .84);background:linear-gradient(135deg,rgb(var(--color-background-rgb)),rgb(var(--color-background-rgb) / .88)),rgb(var(--color-foreground-rgb) / .035);box-shadow:0 16px 42px rgb(var(--color-foreground-rgb) / .08)}.seal-milkit-variant-picker__choice.is-unavailable{cursor:not-allowed;opacity:.48}.seal-milkit-variant-picker__checkbox{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.seal-milkit-variant-picker__check{display:grid;width:24px;height:24px;place-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .22);border-radius:50%;color:var(--color-background);background:transparent;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.seal-milkit-variant-picker__check svg{width:14px;height:14px;opacity:0;transform:scale(.72);transition:opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.seal-milkit-variant-picker__choice.is-selected .seal-milkit-variant-picker__check{border-color:var(--color-foreground);background:var(--color-foreground);transform:scale(1.04)}.seal-milkit-variant-picker__choice.is-selected .seal-milkit-variant-picker__check svg{opacity:1;transform:scale(1)}.seal-milkit-variant-picker__choice-copy{display:grid;gap:5px;min-width:0}.seal-milkit-variant-picker__choice-title{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--color-foreground);font-size:var(--font-size--sm);font-weight:760;line-height:1.2}.seal-milkit-variant-picker__choice-text{max-width:46ch;color:rgb(var(--color-foreground-rgb) / .66);font-size:var(--font-size--xs);line-height:1.42}.seal-milkit-variant-picker__badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;color:var(--color-background);background:var(--color-foreground);font-size:11px;font-weight:820;line-height:1}.seal-milkit-variant-picker__details{align-self:center;justify-self:end;padding:8px 10px;border:1px solid rgb(var(--color-foreground-rgb) / .16);border-radius:999px;color:var(--color-foreground);background:rgb(var(--color-background-rgb) / .72);cursor:pointer;font-size:var(--font-size--2xs);font-weight:760;line-height:1;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.seal-milkit-variant-picker__details:hover{border-color:rgb(var(--color-foreground-rgb) / .34);background:var(--color-background);transform:translateY(-1px)}.seal-milkit-variant-picker__status{margin:10px 0 0;color:rgb(var(--color-foreground-rgb) / .72);font-size:var(--font-size--xs)}.seal-milkit-variant-picker__modal[hidden]{display:none}.seal-milkit-variant-picker__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:#0000007a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s var(--animation-easing)}.seal-milkit-variant-picker__modal.is-open{opacity:1}.seal-milkit-variant-picker__modal-panel{position:relative;width:min(560px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;border-radius:8px;color:var(--color-foreground);background:var(--color-background);box-shadow:0 26px 90px #00000038;transform:translateY(18px) scale(.98);transition:transform .26s cubic-bezier(.22,1,.36,1)}.seal-milkit-variant-picker__modal.is-open .seal-milkit-variant-picker__modal-panel{transform:translateY(0) scale(1)}.seal-milkit-variant-picker__modal-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:50%;color:var(--color-foreground);background:rgb(var(--color-background-rgb) / .9);cursor:pointer;font-size:22px;line-height:1}.seal-milkit-variant-picker__modal-body{display:grid;gap:18px;padding:clamp(24px,5vw,38px)}.seal-milkit-variant-picker__modal-eyebrow{width:fit-content;margin:0 auto;padding:5px 10px;border-radius:999px;color:var(--color-background);background:var(--color-foreground);font-size:var(--font-size--2xs);font-weight:820;line-height:1}.seal-milkit-variant-picker__modal-title{max-width:12ch;margin:0 auto;font-family:var(--font-heading--family);font-size:clamp(30px,5vw,46px);font-weight:var(--font-heading--weight);line-height:.98;text-align:center}.seal-milkit-variant-picker__modal-visuals{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,26px)}.seal-milkit-variant-picker__modal-image,.seal-milkit-variant-picker__filter-visual{display:grid;place-items:center}.seal-milkit-variant-picker__modal-image{width:clamp(118px,28vw,180px);aspect-ratio:1;overflow:hidden;border-radius:8px;background:rgb(var(--color-foreground-rgb) / .04)}.seal-milkit-variant-picker__modal-image img,.seal-milkit-variant-picker__filter-visual img{display:block;width:100%;height:100%;object-fit:cover}.seal-milkit-variant-picker__modal-plus{color:rgb(var(--color-foreground-rgb) / .48);font-size:30px;font-weight:360}.seal-milkit-variant-picker__chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.seal-milkit-variant-picker__chips li,.seal-milkit-variant-picker__modal-note{border:1px solid rgb(var(--color-foreground-rgb) / .1);border-radius:8px;background:rgb(var(--color-foreground-rgb) / .035)}.seal-milkit-variant-picker__chips li{padding:12px;font-size:var(--font-size--xs);line-height:1.35}.seal-milkit-variant-picker__modal-note{display:grid;gap:5px;padding:14px;font-size:var(--font-size--sm);line-height:1.42;text-align:center}.seal-milkit-variant-picker__modal-note span{color:rgb(var(--color-foreground-rgb) / .68)}.seal-milkit-variant-picker__modal-note .seal-milkit-variant-picker__modal-tip{font-size:var(--font-size--xs);line-height:1.45}.seal-milkit-variant-picker__modal-note a{color:rgb(var(--color-foreground-rgb));font-weight:650;text-decoration:underline;text-underline-offset:.12em}.seal-milkit-variant-picker__modal-action{justify-self:center;min-height:48px;padding:14px 22px;border:0;border-radius:8px;color:var(--color-background);background:var(--color-foreground);cursor:pointer;font-weight:780;line-height:1}.seal-milkit-variant-picker__filter-visual{width:min(220px,58vw);aspect-ratio:1;justify-self:center}.seal-milkit-variant-picker__filter-visual img{object-fit:contain}.seal-milkit-variant-picker__modal-intro{max-width:48ch;margin:0 auto;color:rgb(var(--color-foreground-rgb) / .72);font-size:var(--font-size--sm);line-height:1.5;text-align:center}@media screen and (max-width:749px){.seal-milkit-variant-picker__choice{grid-template-columns:26px minmax(0,1fr)}.seal-milkit-variant-picker__details{grid-column:2;justify-self:start}.seal-milkit-variant-picker__chips{grid-template-columns:1fr}.seal-milkit-variant-picker__modal{align-items:end;padding:0}.seal-milkit-variant-picker__modal-panel{width:100%;max-height:calc(100dvh - 24px);border-radius:8px 8px 0 0}}@media(prefers-reduced-motion:reduce){.seal-milkit-variant-picker *,.seal-milkit-variant-picker__modal,.seal-milkit-variant-picker__modal-panel{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/seal-milkit-variant-picker.css.map */