.hover-pack-composer{--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;width:100%}.hover-pack-composer__heading{font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:150%;color:var(--pack-text-color)}.hover-pack-composer__options{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.hover-pack-composer__option{display:block;cursor:pointer;position:relative;z-index:1;border:1px solid var(--pack-border-color);border-radius:10px}.hover-pack-composer__option.is-selected{z-index:9}.hover-pack-composer__radio{position:relative;width:18px;height:18px;cursor:pointer;margin:0 15px 0 0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid #BEC0BF;border-radius:50%;background:transparent;outline:none;transition:all .2s ease}.hover-pack-composer__radio:hover{border-color:#999}.hover-pack-composer__radio:checked{border-color:#ed1c24;background:transparent}.hover-pack-composer__radio:checked:hover{border-color:#ed1c24}.hover-pack-composer__radio:checked:after{content:"";position:absolute;width:10px;height:10px;background:#ed1c24;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.hover-pack-composer__card{display:grid;grid-template-columns:auto 1fr;align-items:center;background:var(--pack-bg-color);padding:15px;transition:all .3s ease;position:relative;min-height:115px;overflow:visible;border-radius:10px}.hover-pack-composer__card-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;gap:var(--spacing-lg)}.hover-pack-composer__option.is-selected{border-color:var(--pack-selected-border);border-width:2px}.hover-pack-composer__image{flex-shrink:0}.hover-pack-composer__image img{display:block;width:90px;height:90px;object-fit:cover;aspect-ratio:1 / 1}.hover-pack-composer__content{flex:1;display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);position:relative;overflow:visible}.hover-pack-composer__title{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:150%;color:var(--pack-text-color);margin:0}.hover-pack-composer__selector,.hover-pack-composer__selector--desktop{display:none}.hover-pack-composer__option.is-selected .hover-pack-composer__selector{align-items:center;gap:5px}.hover-pack-composer__selector--pack2{grid-template-columns:1fr;gap:10px}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--pack2{align-items:start}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--pack3{align-items:start;justify-content:start;gap:10px}.hover-pack-composer__dropdown-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;width:100%}.hover-pack-composer__selector-number{color:var(--text-icon-black, #161616);font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;min-width:20px;line-height:150%}.hover-pack-composer__custom-dropdown{position:relative;flex:1;max-width:250px;z-index:20}.hover-pack-composer__dropdown-row:first-child .hover-pack-composer__custom-dropdown{z-index:30}.hover-pack-composer__dropdown-row:nth-child(2) .hover-pack-composer__custom-dropdown{z-index:20}.hover-pack-composer__dropdown-trigger{width:100%;display:grid;grid-template-columns:1fr auto;align-items:left;padding:6px 10px;background:#fff;border:1px solid #E7E7E7;border-radius:5px;cursor:pointer;font-family:Poppins;font-size:13px;color:var(--pack-text-color);transition:all .2s ease;min-width:188px;text-align:left}.hover-pack-composer__dropdown-arrow{transition:transform .2s ease;position:absolute;right:10px;top:33%}.hover-pack-composer__custom-dropdown.is-open .hover-pack-composer__dropdown-arrow{transform:rotate(180deg)}.hover-pack-composer__dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:4px;max-height:240px;overflow-y:auto;display:none;z-index:1000}.hover-pack-composer__custom-dropdown.is-open .hover-pack-composer__dropdown-menu{display:block;width:200px}.hover-pack-composer__dropdown-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-family:Poppins;font-size:13px;color:var(--pack-text-color);transition:background .2s ease}.hover-pack-composer__dropdown-option:hover{background:#ed1c240d}.hover-pack-composer__dropdown-option.is-selected{background:#ed1c241a;color:#ed1c24;font-weight:500}.hover-pack-composer__dropdown-radio{width:18px;height:18px;border:2px solid #BEC0BF;border-radius:50%;flex-shrink:0;position:relative;transition:all .2s ease}.hover-pack-composer__dropdown-option:hover .hover-pack-composer__dropdown-radio{border-color:#999}.hover-pack-composer__dropdown-option.selected .hover-pack-composer__dropdown-radio{border-color:#ed1c24}.hover-pack-composer__dropdown-option.selected .hover-pack-composer__dropdown-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#ed1c24;border-radius:50%}.hover-pack-composer__custom-dropdown--multi .hover-pack-composer__dropdown-value{font-size:12px;color:#666}.hover-pack-composer__selector--pack3{margin-top:5px;max-width:none;grid-template-columns:1fr;align-items:flex-start}.hover-pack-composer__checkmarks{display:grid;grid-template-columns:1fr;gap:0}.hover-pack-composer__checkmark-item{display:grid;grid-template-columns:auto 1fr;align-items:center;white-space:nowrap;gap:0}.hover-pack-composer__checkmark-icon{display:grid;align-items:center;width:20px;height:20px}.hover-pack-composer__checkmark-icon svg{width:14px;height:14px;color:#ed1c24}.hover-pack-composer__checkmark-text{color:var(--text-icon-black, #161616);font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;line-height:150%;color:var(--pack-text-color)}.hover-pack-composer__badge{display:inline-flex;padding:4px 12px;background:var(--pack-badge-bg);color:var(--pack-badge-text);border-radius:20px;font-family:Poppins;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap;width:fit-content;margin-right:auto}.hover-pack-composer__pricing{display:grid;grid-template-columns:1fr;grid-auto-flow:column;align-items:start;gap:4px;margin-left:var(--spacing-lg);position:relative;justify-content:end}.hover-pack-composer__option[data-pack-option="3"] .hover-pack-composer__card{position:relative}.hover-pack-composer__discount-badge{font-family:Poppins;font-size:12px;font-style:normal;font-weight:600;line-height:150%;background:var(--pack-discount-bg);color:var(--pack-discount-text);display:grid;padding:3px 6px 2px;justify-content:center;align-items:center;gap:10px;border-radius:100px;margin-top:-3px}.hover-pack-composer__price-group{display:grid;grid-template-columns:1fr;align-items:baseline;gap:10px;padding-bottom:5px}.hover-pack-composer__price{font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:150%;color:var(--pack-price-color);line-height:1}.hover-pack-composer__original-price{font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:line-through;color:var(--pack-original-price-color)}.hover-pack-composer__title-row{display:grid;grid-template-columns:max-content;grid-auto-flow:column;align-items:center;gap:10px}@media screen and (min-width: 769px){.hover-pack-composer__option.is-selected .hover-pack-composer__selector--desktop{display:grid;grid-template-columns:20px auto}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--desktop.hover-pack-composer__selector--pack2{display:grid;grid-template-columns:1fr;align-items:start}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--desktop.hover-pack-composer__selector--pack3{display:grid;align-items:start;justify-content:start}}.hover-pack-composer__labels{position:absolute;display:inline-flex;bottom:0;right:0;grid-template-columns:auto auto;grid-auto-flow:column;align-items:center}.hover-pack-composer__shipping{color:var(--pack-shipping-color);background-color:var(--pack-shipping-bg);border-radius:10px 0;padding:4px 12px;color:var(--text-icon-red-200, #ED1C24);text-align:center;font-family:Poppins;font-size:12px;font-style:normal;font-weight:600;line-height:150%}.hover-pack-composer__badge--mobile{display:none}@media screen and (max-width: 768px){.hover-pack-composer__radio{width:14px;height:14px;border-width:1px;margin-right:10px}.hover-pack-composer__radio:checked:after{width:7px;height:7px}.hover-pack-composer__heading{color:var(--text-color);font-family:Poppins;font-size:12px;font-style:normal;font-weight:600;line-height:150%;margin-bottom:var(--spacing-md)}.hover-pack-composer__options{gap:var(--spacing-xl)}.hover-pack-composer__option{margin-bottom:var(--spacing-lg);padding:15px 10px;margin-bottom:0}.hover-pack-composer__card{grid-template-columns:auto 1fr;grid-auto-flow:row;align-items:center;min-height:unset;padding:0}.hover-pack-composer__card-container{display:grid;grid-template-columns:auto auto 1fr;grid-auto-flow:column;align-items:center;width:100%;transition:all .3s ease;gap:10px}.hover-pack-composer__image{flex-shrink:0}.hover-pack-composer__image img{width:45px;height:45px}.hover-pack-composer__content{flex:1;min-width:0}.hover-pack-composer__title{font-size:14px;line-height:150%;white-space:nowrap}.hover-pack-composer__selector--desktop{display:none!important}.hover-pack-composer__selector.hover-pack-composer__selector--mobile{display:none!important;max-width:250px;margin-left:auto;margin-top:10px}.hover-pack-composer__option.is-selected .hover-pack-composer__selector.hover-pack-composer__selector--mobile{display:grid!important;width:100%;margin-left:auto;margin-top:10px;border-radius:0 0 12px 12px;grid-template-columns:auto 1fr;grid-auto-flow:row;align-items:center;gap:8px}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--mobile.hover-pack-composer__selector--pack2{display:grid!important;grid-template-columns:1fr;gap:6px}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--mobile.hover-pack-composer__selector--pack2 .hover-pack-composer__dropdown-row{width:100%}.hover-pack-composer__option.is-selected .hover-pack-composer__selector--mobile.hover-pack-composer__selector--pack3{display:grid!important}.hover-pack-composer__selector{align-items:flex-start}.hover-pack-composer__selector--pack2{gap:6px}.hover-pack-composer__custom-dropdown{max-width:none;width:100%}.hover-pack-composer__dropdown-trigger{padding:6px 10px;color:#1a1a1a;font-family:Poppins;font-size:11px;font-style:normal;font-weight:400;line-height:150%}.hover-pack-composer__selector-number{color:var(--text-icon-black, #161616);font-family:Poppins;font-size:11px;font-style:normal;font-weight:400;line-height:150%}.hover-pack-composer__pricing{grid-template-columns:auto;grid-auto-flow:row;align-items:end;margin-left:auto;flex-shrink:0}.hover-pack-composer__price-group{grid-template-columns:1fr;align-items:center;gap:0;padding-bottom:0}.hover-pack-composer__price{font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:150%}.hover-pack-composer__original-price{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:line-through}.hover-pack-composer__checkmarks{gap:2px}.hover-pack-composer__checkmark-icon{width:16px;height:16px}.hover-pack-composer__checkmark-icon svg{width:12px;height:12px}.hover-pack-composer__checkmark-text{font-size:11px}.hover-pack-composer__title-row{gap:6px}.hover-pack-composer__badge{font-size:10px;padding:2px 8px;display:none}.hover-pack-composer__labels{position:absolute;top:-28px;left:50%;transform:translate(-50%);height:fit-content;width:100%;justify-content:center;gap:5px}.hover-pack-composer__shipping{border-radius:100px;font-family:Poppins;font-size:10px;font-style:normal;font-weight:600;line-height:150%}.hover-pack-composer__badge--mobile{display:block;width:fit-content;margin:0}.hover-pack-composer__discount-badge{color:var(--text-icon-white, #FEFEFE);text-align:center;font-family:Poppins;font-size:10px;font-style:normal;font-weight:600;line-height:150%;margin-top:0;width:fit-content;margin-left:auto}}@media only screen and (max-width: 400px){.hover-pack-composer__option[data-pack-option="2"] .hover-pack-composer__pricing,.hover-pack-composer__option[data-pack-option="3"] .hover-pack-composer__pricing{margin-left:-10px}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/_hover-component-pack-composer.css.map */