.pack-size-selector{border:none;padding:0;margin:2rem 0}.pack-size-selector__wrapper{display:flex;flex-direction:column;gap:1rem;width:100%}.pack-size-option{position:relative;background:rgb(var(--color-background),1);border:1px solid rgb(var(--color-foreground),1);border-radius:10px;overflow:hidden;transition:all .3s ease}.pack-size-option:hover{border-color:rgb(var(--color-foreground),.8)}.pack-size-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pack-size-option__radio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.pack-size-option__label{display:block;cursor:pointer}.pack-size-option__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(var(--color-foreground),.1);transition:background-color .2s ease}.pack-size-option__radio:checked~.pack-size-option__label .pack-size-option__header{background:rgb(var(--color-link),1)}.pack-size-option__radio-wrapper{display:flex;align-items:center;gap:.75rem}.pack-size-option__radio-custom{width:16px;height:16px;border:1px solid rgb(var(--color-foreground),1);border-radius:50%;position:relative;flex-shrink:0;background:rgb(var(--color-background),1);transition:all .2s ease}.pack-size-option__radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background:rgb(var(--color-foreground),1);transition:transform .2s ease}.pack-size-option__radio:checked~.pack-size-option__label .pack-size-option__radio-custom:after{transform:translate(-50%,-50%) scale(1)}.pack-size-option__title{font-weight:700;font-size:1.4rem;color:rgb(var(--color-foreground),1);font-family:var(--font-heading-family);text-transform:uppercase;transition:color .2s ease}.pack-size-option__radio:checked~.pack-size-option__label .pack-size-option__title{color:rgb(var(--color-background),1)}.pack-size-option__savings-badge{background:rgb(var(--color-background),1);border:1px solid rgb(var(--color-link),1);color:rgb(var(--color-link),1);padding:.4rem 1rem;border-radius:20px;font-weight:700;font-size:1.2rem;white-space:nowrap}.pack-size-option__content{padding:1rem}.pack-size-option__content-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}.pack-size-option__details{flex:1;display:flex;align-items:center;gap:1rem}.pack-size-option__description{font-size:1.2rem;color:rgb(var(--color-foreground),.8);line-height:1.4}@media screen and (min-width: 750px){.pack-size-option__description{font-size:1.4rem}}.pack-size-option__price{display:flex;flex-direction:column;align-items:flex-end;gap:0}.pack-size-option__price-amount{font-weight:700;font-size:1.5rem;color:rgb(var(--color-foreground),1);font-family:var(--font-heading-family)}.pack-size-option__price-compare{font-size:1.3rem;color:rgba(var(--color-foreground),.5);text-decoration:line-through;font-family:var(--font-heading-family);text-decoration-color:rgba(var(--color-link),1)}.pack-size-option__image-wrapper{flex-shrink:0;height:40px;contain:layout style}.pack-size-option__image{height:100%;width:auto;max-height:40px;object-fit:contain;display:block}.pack-size-option__radio:focus-visible~.pack-size-option__label{outline:2px solid rgb(var(--color-foreground),1);outline-offset:2px}.pack-size-option__radio:focus~.pack-size-option__label .pack-size-option__radio-custom{box-shadow:0 0 0 3px rgba(var(--color-link),.2)}.pack-size-option{animation:packSizeFadeIn .3s ease}@keyframes packSizeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.pack-size-option,.pack-size-option__header,.pack-size-option__radio-custom,.pack-size-option__radio-custom:after,.pack-size-option__title{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-pack-size-selector.css.map */