.pack-variant-builder{display:block}.pack-variant-builder button,.pack-variant-builder select{color:inherit;-webkit-appearance:none;appearance:none}.pack-variant-builder__picker{margin-bottom:20px}.pack-variant-builder__picker-label{margin-bottom:12px}.pack-variant-builder__cards{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.pack-variant-builder__card{display:flex;flex-direction:column;align-items:center;flex:1 0 0;padding:18px 12px 12px;border:1px solid rgba(0,0,0,.25);border-radius:6px;background:var(--White-White, #fff);cursor:pointer;position:relative;transition:border-color .2s ease,background-color .2s ease;text-align:center;gap:4px}.pack-variant-builder__card:hover{border-color:var(--Primary-Purple-500, #a26ce0)}.pack-variant-builder__card--active{border:1px solid var(--Primary-Purple-700, #8143c2);outline:1px solid var(--Primary-Purple-700, #8143c2);background:var(--Primary-Purple-100, #f2ebfc)}.pack-variant-builder__card--has-badge{flex:1.25 0 0;padding-block:20px}.pack-variant-builder__card:disabled{opacity:.5;cursor:not-allowed}.pack-variant-builder__card-badge{position:absolute;top:-7px;left:50%;transform:translate(-50%);background:var(--Secondary-Orange, #e64601);color:var(--White-White, #fff);padding:1px 6px;border-radius:4px;font-weight:300!important;white-space:nowrap;line-height:120%}.pack-variant-builder__card-name{padding-bottom:4px;margin:0!important}.pack-variant-builder__card-name p{margin:0!important}.pack-variant-builder__card-price{display:flex;align-items:center;gap:6px}.pack-variant-builder__card-compare{text-decoration:line-through;opacity:.5}.pack-variant-builder__card-subtitle{color:#00000080}.pack-variant-builder__card-subtitle p{margin:0!important;line-height:108%}.pack-variant-builder__card--active .pack-variant-builder__card-subtitle{color:var(--Black-100, #000)}.pack-variant-builder__content{min-height:100px}.pack-variant-builder__content-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.25)}.pack-variant-builder__content-label{margin:0!important}.pack-variant-builder__counter{display:flex;align-items:center;gap:2px;background:var(--Primary-Purple-200, #e8dbf9);color:var(--Primary-Purple-500, #a26ce0);padding:4px 6px;border-radius:4px}.pack-variant-builder__counter-current{font-weight:700}.pack-variant-builder__tabs{display:flex;align-items:flex-end;overflow:hidden;position:relative;z-index:2}.pack-variant-builder__tab{flex:1 0 0;padding:8px 16px;border-top:1px solid rgba(0,0,0,.15);border-left:1px solid rgba(0,0,0,.15);border-bottom:none;border-right:none;background:var(--Products-Beige-Almond, #f8ecde);cursor:pointer;text-align:center;transition:background-color .2s ease,color .2s ease;font-weight:700;border-radius:4px 4px 0 0}.pack-variant-builder__tab:last-child{border-right:1px solid rgba(0,0,0,.15)}.pack-variant-builder__tab--active{background:var(--Primary-Purple-700, #8143c2);color:var(--White-White, #fff)!important;border-color:var(--Primary-Purple-700, #8143c2);padding:12px 16px;border-radius:4px 4px 0 0!important}.pack-variant-builder__tabs~.pack-variant-builder__items{border-radius:0 0 6px 6px;position:relative;z-index:1}.pack-variant-builder__items{background:var(--Products-Beige-Almond, #f8ecde);border:1px solid rgba(0,0,0,.15);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px}.pack-variant-builder__item{display:flex;align-items:center;gap:10px;background:var(--White-White, #fff);border-radius:4px;padding:6px 18px 6px 6px;box-shadow:0 2px 4px #0000000d}.pack-variant-builder__item-image{width:66px;height:66px;border-radius:4px;overflow:hidden;flex-shrink:0;align-self:flex-start}.pack-variant-builder__item-image img{width:100%;height:100%;object-fit:cover}.pack-variant-builder__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pack-variant-builder__item-title{margin:0!important}.pack-variant-builder__item-desc{margin:0!important;color:#00000080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-variant-builder__item-details{background:none;border:none;padding:0;color:#000c;cursor:pointer;text-decoration:underline;text-align:left}.pack-variant-builder__item-qty{flex-shrink:0;font-size:22px;font-weight:700;width:32px;text-align:center}.pack-variant-builder__item-controls{display:flex;align-items:center;gap:0;flex-shrink:0;border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:4px}.pack-variant-builder__item-controls-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;transition:opacity .2s ease;padding:0}.pack-variant-builder__item-controls-btn:disabled{opacity:.4;cursor:not-allowed}.pack-variant-builder__item-controls-btn--minus{background:var(--Primary-Purple-200, #e8dbf9)}.pack-variant-builder__item-controls-btn--plus{background:var(--Primary-Purple-800, #643495);color:var(--White-White, #fff)!important;font-size:18px;font-weight:600;letter-spacing:-1.08px}.pack-variant-builder__item-controls-qty{width:32px;text-align:center;font-size:22px;font-weight:700}.pack-variant-builder__item-title-row{display:flex;align-items:center;gap:6px}.pack-variant-builder__item-dropdown{position:relative;flex-shrink:0;width:208px;min-width:208px;max-width:100%}.pack-variant-builder__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:2px 10px 2px 8px;border:1px solid rgba(0,0,0,.25);border-radius:3px;background:#f2ebe7;cursor:pointer;gap:8px;transition:border-color .2s ease;white-space:nowrap}.pack-variant-builder__dropdown-trigger:hover,.pack-variant-builder__dropdown-trigger--open{border-color:var(--Primary-Purple-500, #a26ce0)}.pack-variant-builder__dropdown-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:120%}.pack-variant-builder__dropdown-trigger-icon{flex-shrink:0;transition:transform .2s ease}.pack-variant-builder__dropdown-trigger--open .pack-variant-builder__dropdown-trigger-icon{transform:rotate(180deg)}.pack-variant-builder__dropdown-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--White-White, #fff);border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto;display:none}.pack-variant-builder__dropdown-list--open{display:block}.pack-variant-builder__dropdown-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;text-align:left;transition:background-color .15s ease}.pack-variant-builder__dropdown-option:hover{background:var(--Primary-Purple-100, #f2ebfc)}.pack-variant-builder__dropdown-option--selected{background:var(--Primary-Purple-100, #f2ebfc);font-weight:600}.pack-variant-builder__dropdown-option-image{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0}.pack-variant-builder__dropdown-option-image img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width:989px){.pack-variant-builder__card{padding:18px 10px 10px;gap:2px}.pack-variant-builder__card--has-badge{padding-block:20px!important}.pack-variant-builder__card-badge{top:0;left:6px;right:6px;transform:translateY(-50%);margin:0 auto;width:fit-content;max-width:100%;white-space:normal;text-align:center}.pack-variant-builder__item{padding:6px 12px 6px 6px}.pack-variant-builder__item-image{width:64px;height:64px}.pack-variant-builder__item-title-row{flex-direction:column;align-items:flex-start;gap:2px}.pack-variant-builder__item-dropdown{width:100%;min-width:0;max-width:208px}.pack-variant-builder__dropdown-trigger{justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/pack-variant-builder.css.map */