.quantity-gauge{width:100%;font-family:DM Sans,sans-serif;--qg-accent: #FFADC6;--qg-grad-1: #AD5067;--qg-grad-2: #370D16;--qg-ink: #111827;--qg-track-bg: #E6E6E6;--qg-box-pink: #FFF1F5;--qg-box-gray: #EDEDED;--qg-thumb: 22px;--qg-ease-out: cubic-bezier(.16, 1, .3, 1);--qg-ease-in: cubic-bezier(.7, 0, .84, 0)}.quantity-gauge__stack{display:flex;flex-direction:column;gap:10px}.quantity-gauge__box{border-radius:18px;padding:16px 18px}.quantity-gauge__box--summary{background:var(--qg-box-pink)}.quantity-gauge__summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.quantity-gauge__price-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.quantity-gauge__price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quantity-gauge__price-total{color:var(--qg-ink)}.quantity-gauge__price-unit{font-size:12px;color:#6b7280}.quantity-gauge__status-stack{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-top:2px}.quantity-gauge__advantage-inline,.quantity-gauge__perk-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s var(--qg-ease-out),max-height .4s var(--qg-ease-out)}.quantity-gauge__advantage-inline--visible,.quantity-gauge__perk-pill--visible{opacity:1;max-height:20px}.quantity-gauge__advantage-inline{color:#15803d}.quantity-gauge__advantage-icon{display:flex;flex-shrink:0}.quantity-gauge__advantage-icon svg{width:14px;height:14px}.quantity-gauge__perk-pill{position:absolute;left:0;top:calc(100% + 4px);color:var(--qg-ink);background:none}.quantity-gauge__perk-pill--free{color:#15803d}.quantity-gauge__perk-pill-icon{display:flex;flex-shrink:0}.quantity-gauge__perk-pill-icon svg{width:14px;height:14px}.quantity-gauge__qty-chip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid rgba(173,80,103,.22);border-radius:14px;padding:10px 16px;flex-shrink:0}.quantity-gauge__qty-chip-icon{display:flex;color:var(--qg-grad-1)}.quantity-gauge__qty-chip-icon svg{width:20px;height:20px}.quantity-gauge__qty-chip-text{display:flex;flex-direction:column;line-height:1.1}.quantity-gauge__qty-chip-value{font-family:var(--font-heading-family);font-weight:700;font-size:20px;color:var(--qg-ink)}.quantity-gauge__qty-chip-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.quantity-gauge__box--picker{background:var(--qg-box-gray)}.quantity-gauge__picker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quantity-gauge__picker-icon{display:flex;color:var(--qg-grad-1);flex-shrink:0}.quantity-gauge__picker-icon svg{width:18px;height:18px}.quantity-gauge__picker-title{font-family:var(--font-heading-family);font-weight:700;font-size:15px;color:var(--qg-ink);flex-shrink:0}.quantity-gauge__picker-divider{height:1px;background:#1118271a;margin:10px 0 12px}.quantity-gauge__qty-input{width:84px;font-family:var(--font-heading-family);font-weight:700;font-size:15px;color:var(--qg-ink);background:#fff;border:1px solid rgba(17,24,39,.14);border-radius:10px;padding:7px 10px;text-align:center;flex-shrink:0}.quantity-gauge__qty-input:focus-visible{outline:none;border-color:var(--qg-grad-1);box-shadow:0 0 0 3px #ffadc666}.quantity-gauge__picker-hint{font-size:10px;color:#6b7280;margin:0 0 0 auto;text-align:right}.quantity-gauge__track-wrap{position:relative;padding-top:16px;padding-bottom:34px}.quantity-gauge__input{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:0;border-radius:999px;background:linear-gradient(to right,var(--qg-grad-2) 0%,var(--qg-grad-1) var(--qg-fill, 0%),var(--qg-track-bg) var(--qg-fill, 0%),var(--qg-track-bg) 100%);outline:none;cursor:pointer}.quantity-gauge__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--qg-thumb);height:var(--qg-thumb);border-radius:50%;background:#fff;border:3px solid var(--qg-grad-1);box-shadow:0 1px 4px #0003;cursor:grab;transition:transform .2s var(--qg-ease-out),box-shadow .2s var(--qg-ease-out);margin-top:0}.quantity-gauge__input::-webkit-slider-thumb:hover{transform:scale(1.08)}.quantity-gauge__input:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 6px #ffadc659}.quantity-gauge__input::-moz-range-thumb{width:var(--qg-thumb);height:var(--qg-thumb);border-radius:50%;background:#fff;border:3px solid var(--qg-grad-1);box-shadow:0 1px 4px #0003;cursor:grab;transition:transform .2s var(--qg-ease-out),box-shadow .2s var(--qg-ease-out)}.quantity-gauge__input::-moz-range-track{height:6px;border-radius:999px;background:transparent}.quantity-gauge__input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #ffadc68c}.quantity-gauge__graduations{position:absolute;left:0;right:0;top:36px;height:24px;pointer-events:none}.quantity-gauge__graduation{position:absolute;top:0;left:calc((var(--qg-thumb) / 2) + (100% - var(--qg-thumb)) * var(--qg-frac, 0));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.quantity-gauge__graduation--first{left:calc(var(--qg-thumb) / 2);transform:translate(-1px);align-items:flex-start}.quantity-gauge__graduation--last{left:auto;right:calc(var(--qg-thumb) / 2);transform:translate(1px);align-items:flex-end}.quantity-gauge__graduation-tick{width:2px;height:5px;border-radius:1px;background:#c7c7c7}.quantity-gauge__graduation-label{font-size:10px;color:#9ca3af;white-space:nowrap}.quantity-gauge__nudge{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#FFE3EC,var(--qg-box-pink));box-shadow:inset 0 0 0 1px #ad506740;font-size:13px;line-height:1.45;color:#4b1422;animation:qg-nudge-in .45s var(--qg-ease-out)}.quantity-gauge__nudge[hidden]{display:none}.quantity-gauge__nudge-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--qg-grad-1)}.quantity-gauge__nudge-icon svg{width:16px;height:16px}.quantity-gauge__nudge-text{margin:0}.quantity-gauge__nudge-text b{font-weight:700;color:var(--qg-grad-2)}.quantity-gauge__nudge-btn{-webkit-appearance:none;appearance:none;height:34px;padding:0 16px;border:0;border-radius:999px;background:var(--qg-ink);color:#fff;font-family:inherit;font-size:13px;font-weight:500;text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;transition:background .3s var(--qg-ease-out),color .3s var(--qg-ease-out)}.quantity-gauge__nudge-btn:hover{background:var(--qg-accent);color:var(--qg-ink)}.quantity-gauge__nudge-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffadc68c}@media(max-width:640px){.quantity-gauge__nudge{grid-template-columns:auto 1fr}.quantity-gauge__nudge-btn{grid-column:2;justify-self:start}}@keyframes qg-nudge-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.quantity-gauge__cta-row{display:flex;gap:10px;flex-wrap:wrap}.btn.quantity-gauge__cta{flex:1 1 0;flex-direction:column;gap:2px;height:auto;min-height:var(--buttons-height, 48px);line-height:1.25;padding-top:12px;padding-bottom:12px;white-space:normal;text-align:center;border-radius:14px}.btn.quantity-gauge__cta.btn--secondary{border-color:var(--qg-grad-1)}.btn.quantity-gauge__cta--personalize{overflow:visible!important}.btn.quantity-gauge__cta:before,.btn.quantity-gauge__cta:after{content:none!important}.btn.quantity-gauge__cta:hover,.btn.quantity-gauge__cta.btn--active{background-color:rgb(var(--color-secondary-button))!important;color:rgb(var(--color-secondary-button-text))!important;border-color:var(--qg-grad-1)!important;box-shadow:inset 0 0 0 1px var(--qg-grad-1)}.quantity-gauge__cta-main{display:block}.quantity-gauge__cta-sub{display:block;font-size:11px;font-weight:400;text-transform:none;letter-spacing:normal;opacity:.8}.quantity-gauge__cta-badge{position:absolute;top:-9px;right:-8px;background:linear-gradient(135deg,var(--qg-grad-1),var(--qg-grad-2));color:#fff;font-family:var(--font-heading-family);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:999px;transform:rotate(-7deg);box-shadow:0 2px 6px #ad506766;white-space:nowrap;z-index:2}@media(max-width:640px){.quantity-gauge__box{padding:14px 16px}.quantity-gauge__qty-chip{padding:8px 12px}.quantity-gauge__graduation-label{font-size:9px}}@media(max-width:480px){.quantity-gauge__cta-row{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-quantity-gauge.css.map */