html body .sa-states .sa-states__answer{display:grid;grid-template-rows:0fr;margin:0;padding:0;background:none;opacity:0;transition:grid-template-rows var(--sa-duration) var(--sa-ease),opacity var(--sa-duration) var(--sa-ease)}html body .sa-states .sa-states__answer.is-shown{grid-template-rows:1fr;opacity:1}html body .sa-states .sa-states__answer>.sa-states__answer-clip{display:block;min-height:0;overflow:hidden}html body .sa-states__panel{display:flex;align-items:flex-start;gap:var(--sa-space-2xs);margin-block-start:var(--sa-space-xs);padding:1rem 1.4rem;border-radius:var(--sa-radius-sm);background-color:var(--sa-surface);color:var(--sa-ink);transition:background-color var(--sa-duration) var(--sa-ease),color var(--sa-duration) var(--sa-ease)}html body .sa-states__answer--yes .sa-states__panel{background-color:var(--sa-ok-bg);color:var(--sa-ok-ink)}html body .sa-states__answer--no .sa-states__panel{background-color:var(--sa-warn-bg);color:var(--sa-warn-ink)}html body .sa-states__panel-icon{flex:none;display:block;width:2rem;height:2rem;margin-block-start:.1rem}html body .sa-states__icon{display:none}html body .sa-states__answer--yes .sa-states__icon--yes,html body .sa-states__answer--no .sa-states__icon--no{display:block}html body .sa-states__panel-icon svg{display:block;width:100%;height:100%}html body .sa-states__panel-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}html body .sa-states__panel-link{margin-block-start:var(--sa-space-2xs);color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:.08em;text-underline-offset:.25em;transition:text-decoration-color var(--sa-duration) var(--sa-ease)}html body .sa-states__panel-link:hover{text-decoration-color:currentColor}html body cart-drawer .sa-states{margin-block:var(--sa-space-sm)}@media(prefers-reduced-motion:no-preference){@keyframes sa-states-swap{0%{opacity:.15;translate:0 .5rem}}html body .sa-states__answer.is-swap .sa-states__panel-body{animation:sa-states-swap var(--sa-duration) var(--sa-ease-enter)}}@media(prefers-reduced-motion:reduce){html body .sa-states .sa-states__answer,html body .sa-states__panel,html body .sa-states__panel-link{transition:none}html body .sa-states__answer.is-swap .sa-states__panel-body{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sa-state-check.css.map */