.litpet-dmi-app{--dmi-brown: #693524;--dmi-cream: #f9f5eb;--dmi-card: #f2ebe3;--dmi-accent: #fdda25;--dmi-green: #6fae5a;--dmi-muted: rgba(105, 53, 36, .68);--dmi-border: rgba(105, 53, 36, .14);--dmi-radius: 1.25rem;--dmi-press: .97;--dmi-spring: cubic-bezier(.22, 1.2, .36, 1);--dmi-ease: cubic-bezier(.33, 1, .68, 1);max-width:44rem;margin:0 auto;color:var(--dmi-brown);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.litpet-dmi-app *{box-sizing:border-box}.litpet-dmi-app button,.litpet-dmi-app .dmi-btn,.litpet-dmi-app .dmi-choice{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.dmi-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.dmi-unit{--blob-x: .2rem;--blob-w: 50%;--blob-scale-x: 1;--blob-scale-y: 1;--blob-radius: 999px;position:relative;display:inline-flex;padding:.22rem;border-radius:999px;background:linear-gradient(180deg,#efe6da 0%,var(--dmi-card) 100%);border:1px solid var(--dmi-border);box-shadow:inset 0 1px 2px #ffffffa6;isolation:isolate}.dmi-unit__blob{position:absolute;top:.22rem;bottom:.22rem;left:0;width:var(--blob-w);transform:translate3d(var(--blob-x),0,0) scale(var(--blob-scale-x),var(--blob-scale-y));transform-origin:center center;border-radius:var(--blob-radius);background:radial-gradient(120% 90% at 30% 18%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 38%,transparent 62%),linear-gradient(180deg,#fff,#f7f1e8);box-shadow:0 1px 2px #69352414,0 6px 14px #6935241a,inset 0 -2px 4px #6935240a;transition:width .42s var(--dmi-spring),transform .42s var(--dmi-spring),border-radius .28s var(--dmi-ease);pointer-events:none;z-index:0;will-change:transform,width}.dmi-unit.is-morphing .dmi-unit__blob{--blob-scale-x: 1.18;--blob-scale-y: .86;--blob-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;transition-duration:.18s,.18s,.18s}.dmi-unit button{position:relative;z-index:1;border:0;background:transparent;color:var(--dmi-muted);font:inherit;font-size:.875rem;font-weight:500;min-height:2.5rem;padding:.5rem 1.05rem;border-radius:999px;cursor:pointer;transition:color .22s var(--dmi-ease),transform .16s var(--dmi-spring)}.dmi-unit button.is-active{color:var(--dmi-brown);font-weight:700}.dmi-unit button:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.dmi-unit button:hover:not(.is-active){color:var(--dmi-brown)}}.dmi-panel{background:#fff;border:1px solid var(--dmi-border);border-radius:calc(var(--dmi-radius) + .25rem);padding:1.35rem 1.25rem 1.5rem}@media(min-width:750px){.dmi-panel{padding:1.75rem 1.75rem 2rem}}.dmi-kicker{margin:0 0 .35rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dmi-muted)}.dmi-title{margin:0 0 .75rem;font-family:var(--font-display, inherit);font-size:clamp(1.6rem,4vw,2.15rem);font-weight:600;line-height:1.15;color:var(--dmi-brown)}.dmi-lead{margin:0 0 1.25rem;color:var(--dmi-muted);line-height:1.55;font-size:.98rem}.dmi-notice{margin:0 0 1.25rem;padding:.9rem 1rem;border-radius:1rem;background:#fdf6d8;border:1px solid rgba(253,218,37,.55);font-size:.85rem;line-height:1.5}.dmi-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none}.dmi-steps li{font-size:.75rem;padding:.35rem .7rem;border-radius:999px;background:var(--dmi-card);color:var(--dmi-muted)}.dmi-steps li.is-current{background:var(--dmi-brown);color:#fff}.dmi-field{margin-bottom:1rem}.dmi-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600}.dmi-hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--dmi-muted)}.dmi-input,.dmi-select{width:100%;min-height:2.85rem;padding:.65rem .85rem;border:1px solid var(--dmi-border);border-radius:.85rem;background:var(--dmi-cream);color:var(--dmi-brown);font:inherit}.dmi-input:focus,.dmi-select:focus{outline:2px solid rgba(253,218,37,.7);outline-offset:1px}.dmi-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dmi-choices{display:grid;gap:.55rem}.dmi-choices--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.dmi-choices--quad{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:640px){.dmi-choices--quad{grid-template-columns:repeat(2,minmax(0,1fr))}}.dmi-choice{position:relative;overflow:hidden;text-align:left;border:1.5px solid var(--dmi-border);background:#fff;border-radius:1rem;padding:.9rem 1rem;min-height:3rem;cursor:pointer;color:inherit;font:inherit;box-shadow:0 1px #6935240a;transition:border-color .18s var(--dmi-ease),background .18s var(--dmi-ease),transform .16s var(--dmi-spring),box-shadow .18s var(--dmi-ease)}@media(hover:hover)and (pointer:fine){.dmi-choice:hover{border-color:#69352459;transform:translateY(-1px);box-shadow:0 4px 12px #69352414}}.dmi-choice:active,.dmi-choice.is-pressing{transform:scale(var(--dmi-press));box-shadow:inset 0 2px 6px #69352414}.dmi-choice.is-selected{border-color:var(--dmi-brown);background:#6935240d;padding-right:1.75rem;box-shadow:0 0 0 1px #6935241f,0 4px 14px #69352414;animation:dmi-select-pop .32s var(--dmi-spring)}.dmi-choice.is-selected:after{content:"";position:absolute;top:.7rem;right:.75rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--dmi-brown);box-shadow:0 0 0 3px #6935241f}.dmi-choice strong{display:block;font-size:.92rem;margin-bottom:.15rem}.dmi-choice span{display:block;font-size:.78rem;color:var(--dmi-muted);line-height:1.35}.dmi-check{display:flex;align-items:flex-start;gap:.65rem;margin:.75rem 0;font-size:.86rem;line-height:1.45;color:var(--dmi-muted)}.dmi-check input{margin-top:.2rem;flex-shrink:0}.dmi-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.dmi-btn{-webkit-appearance:none;appearance:none;position:relative;overflow:hidden;border:0;cursor:pointer;font:inherit;font-weight:600;border-radius:999px;min-height:3rem;padding:.75rem 1.35rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .16s var(--dmi-spring),box-shadow .18s var(--dmi-ease),filter .18s var(--dmi-ease),background .18s var(--dmi-ease)}.dmi-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dmi-btn:active:not(:disabled),.dmi-btn.is-pressing:not(:disabled){transform:scale(var(--dmi-press))}.dmi-btn--primary{background:var(--dmi-brown);color:#fff;box-shadow:0 1px #ffffff1f inset,0 6px 16px #69352438}@media(hover:hover)and (pointer:fine){.dmi-btn--primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}}.dmi-btn--primary:active:not(:disabled),.dmi-btn--primary.is-pressing:not(:disabled){filter:brightness(.96);box-shadow:0 1px #ffffff14 inset,0 2px 6px #69352433}.dmi-btn--ghost{background:#6935240a;color:var(--dmi-brown);border:1px solid var(--dmi-border);box-shadow:0 1px #ffffff80 inset}@media(hover:hover)and (pointer:fine){.dmi-btn--ghost:hover:not(:disabled){background:#69352414;transform:translateY(-1px)}}.dmi-btn--accent{background:var(--dmi-accent);color:var(--dmi-brown);box-shadow:0 1px #ffffff59 inset,0 6px 16px #fdda2559}@media(hover:hover)and (pointer:fine){.dmi-btn--accent:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}}.dmi-btn--block{width:100%}.dmi-ripple{position:absolute;border-radius:50%;transform:scale(0);opacity:.35;pointer-events:none;background:currentColor;mix-blend-mode:soft-light;animation:dmi-ripple .52s var(--dmi-ease) forwards}.dmi-btn--ghost .dmi-ripple,.dmi-choice .dmi-ripple{background:var(--dmi-brown);opacity:.18;mix-blend-mode:normal}@keyframes dmi-ripple{to{transform:scale(1);opacity:0}}@keyframes dmi-select-pop{0%{transform:scale(.97)}55%{transform:scale(1.015)}to{transform:scale(1)}}.dmi-olist,.dmi-ulist{margin:0;padding-left:1.15rem;color:var(--dmi-muted);line-height:1.5;font-size:.9rem}.dmi-olist li+li,.dmi-ulist li+li{margin-top:.35rem}.dmi-scorebox{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0 1.25rem;padding:1rem;border-radius:1rem;background:#6fae5a1f}.dmi-scorebox div strong{display:block;font-family:var(--font-display, inherit);font-size:2rem;line-height:1;color:var(--dmi-green)}.dmi-scorebox div span{font-size:.75rem;color:var(--dmi-muted);text-transform:uppercase;letter-spacing:.06em}.dmi-zonebar{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;margin:.75rem 0 1.25rem}.dmi-zonebar span{text-align:center;font-size:.65rem;padding:.45rem .15rem;border-radius:.5rem;background:var(--dmi-card);color:var(--dmi-muted)}.dmi-zonebar span.is-active{background:var(--dmi-brown);color:#fff;font-weight:700}.dmi-card-soft{background:var(--dmi-cream);border-radius:1rem;padding:1rem;margin:1rem 0}.dmi-card-soft h3{margin:0 0 .5rem;font-size:1rem}.dmi-product,.dmi-product-list{display:grid;gap:.75rem}.dmi-product-card{display:flex;gap:.85rem;align-items:start;padding:.85rem;border:1px solid var(--dmi-border);border-radius:1rem;background:#ffffff73}.dmi-product-card__img{width:80px;height:80px;object-fit:cover;border-radius:.75rem;background:var(--dmi-card)}.dmi-product-card__body{display:grid;gap:.45rem;min-width:0;flex:1}.dmi-product__actions{display:flex;flex-wrap:wrap;gap:.5rem}.dmi-plan-grid{display:grid;gap:.75rem}.dmi-plan-item{border:1px solid var(--dmi-border);border-radius:1rem;padding:.9rem 1rem}.dmi-plan-item b{display:block;margin-bottom:.35rem}.dmi-plan-item p{margin:0;font-size:.86rem;color:var(--dmi-muted);line-height:1.45}.dmi-save-status{margin-top:.85rem;font-size:.82rem;color:var(--dmi-muted)}.dmi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.dmi-forms-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.dmi-advanced summary{cursor:pointer;font-weight:600;margin:.5rem 0 .75rem}.dmi-section-title{margin:1.35rem 0 .65rem;font-size:1.05rem}@media(max-width:749px){.dmi-topbar{margin-bottom:1rem}.dmi-unit{width:100%;max-width:16.5rem}.dmi-unit button{flex:1;min-height:2.75rem;font-size:.9rem;padding:.55rem .85rem}.dmi-choices--inline{gap:.65rem}.dmi-choice{padding:.95rem 1rem;min-height:3.15rem}.dmi-choice.is-selected:after{top:.85rem;right:.85rem}.dmi-btn{min-height:3.15rem;padding:.8rem 1.25rem}.dmi-actions{gap:.75rem}.dmi-actions .dmi-btn{flex:1 1 calc(50% - .4rem)}.dmi-actions .dmi-btn--block{flex:1 1 100%}.dmi-row-2{gap:.65rem}.dmi-input,.dmi-select{min-height:3.1rem;font-size:16px}}@media(prefers-reduced-motion:reduce){.dmi-unit__blob,.dmi-unit button,.dmi-choice,.dmi-btn{transition:none!important;animation:none!important}.dmi-unit.is-morphing .dmi-unit__blob{--blob-scale-x: 1;--blob-scale-y: 1;--blob-radius: 999px}.dmi-ripple{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/litpet-dmi.css.map */