.dkl-volume-picker-component{position:relative}.dkl-volume-picker{border:0;padding:0}.dkl-volume-picker__legend-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .75rem}.dkl-volume-picker__legend-wrapper .svg-wrapper{width:var(--icon-size-lg);height:var(--icon-size-lg)}.dkl-volume-picker__legend-wrapper .svg-wrapper>svg{width:var(--icon-size-lg);height:var(--icon-size-lg);transition:transform .2s ease-out}.dkl-volume-picker__legend-wrapper .button:hover svg{transform:scale(1.1)}.dkl-volume-picker__legend{font-weight:600;font-size:.95rem}.dkl-volume-picker__list{display:flex;flex-direction:column;gap:.5rem}.dkl-volume-picker__list--mini-buttons{display:grid;grid-template-columns:repeat(var(--discount-count, 1),1fr);gap:.5rem}.dkl-volume-picker__option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-radius:var(--style-border-radius-buttons, 8px);border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10-25));background:rgb(var(--color-background-rgb, 0 0 0) / .7);color:inherit;cursor:pointer;transition:border-color var(--surface-transition-duration, .2s) var(--surface-transition-timing, ease-out),box-shadow var(--surface-transition-duration, .2s) var(--surface-transition-timing, ease-out),background-color var(--surface-transition-duration, .2s) var(--surface-transition-timing, ease-out),transform var(--surface-transition-duration, .2s) var(--surface-transition-timing, ease-out)}.dkl-volume-picker__option--mini-button{padding:.375rem 1rem}.dkl-volume-picker__option:has(.dkl-volume-picker__radio:disabled){background:rgb(var(--color-foreground-rgb) / var(--opacity-10-25));border-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25));color:rgb(var(--color-foreground-rgb) / var(--opacity-50));cursor:not-allowed;opacity:.5;pointer-events:none;transform:none;box-shadow:none;outline:none}.dkl-volume-picker__option:hover{background:rgb(var(--color-foreground-rgb) / var(--opacity-05-10, .06))}.dkl-volume-picker__option:has(.dkl-volume-picker__radio:checked:not(:disabled)){border-color:rgb(var(--color-foreground-rgb));box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb));transform:translateY(-1px)}.dkl-volume-picker__option:has(.dkl-volume-picker__radio:focus-visible){outline:2px solid rgb(var(--color-focus-ring-rgb, var(--color-foreground-rgb)));outline-offset:2px}.dkl-volume-picker__radio{position:absolute;inset-block:0;inset-inline-start:0;margin:0;opacity:0;pointer-events:none}.dkl-volume-picker__content{display:flex;flex:1;align-items:center;justify-content:space-between;gap:.75rem}.dkl-volume-picker__header{display:flex;flex-direction:column;gap:.2rem}.dkl-volume-picker__option--mini-button .dkl-volume-picker__header,.dkl-volume-picker__option--mini-button .dkl-volume-picker__content{justify-content:center;text-align:center}.dkl-volume-picker__title{font-weight:600;font-size:.95rem}.dkl-volume-picker__price{font-weight:600;font-size:.95rem;white-space:nowrap;margin-block:0}.dkl-volume-picker__price--updated{animation:dkl-volume-picker-price-update .18s ease-out}@keyframes dkl-volume-picker-price-update{0%{opacity:.3;transform:translateY(2px)}60%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.dkl-volume-picker__price-unit{margin-inline-start:.15rem;font-weight:400;font-size:.8rem;opacity:.8}.dkl-volume-picker__discount{font-size:.8rem;opacity:.9;font-style:italic}.product-form-buttons--stacked:has(dkl-volume-picker-mini-buttons) dkl-volume-picker-mini-buttons,.product-form-buttons--stacked:has(dkl-volume-picker-mini-buttons) .quantity-selector{margin-block-end:var(--gap-sm)}@media screen and (min-width:749px){.product-form-buttons--stacked:has(dkl-volume-picker-mini-buttons) .quantity-selector{height:unset}}@media screen and (max-width:749px){.product-form-buttons--stacked:has(.dkl-volume-picker-component) .quantity-selector{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/dkl__volume-picker.css.map */