.pack-configurator{display:flex;flex-direction:column;gap:var(--gap-md)}.pack-configurator__heading{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);letter-spacing:var(--letter-spacing--heading-loose);text-transform:uppercase;font-size:var(--font-body--size)}.pack-configurator__tiers{display:flex;flex-direction:column;gap:var(--gap-sm)}.pack-configurator__tier{position:relative;border:var(--inputs-border-width,1px) solid var(--color-border);border-radius:var(--card-border-radius);background:var(--color-variant-background);transition:border-color var(--animation-speed-medium) var(--animation-easing)}.pack-configurator__tier:hover{border-color:var(--color-foreground)}.pack-configurator__tier.is-selected{border-color:var(--color-selected-input-border);background:var(--color-selected-input-background);box-shadow:inset 0 0 0 1px var(--color-selected-input-border)}.pack-configurator__tier-head{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"thumb name price" "thumb badge price";align-items:center;column-gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);text-align:left;cursor:pointer;font:inherit;color:inherit;background:transparent;border:0}.pack-configurator__tier-thumb{grid-area:thumb;width:48px;height:48px;overflow:hidden;border-radius:calc(var(--card-border-radius)/2);background:var(--color-background)}.pack-configurator__tier-thumb img{width:100%;height:100%;object-fit:cover}.pack-configurator__tier-name{grid-area:name;font-weight:600}.pack-configurator__tier-badge{grid-area:badge;justify-self:start;font-size:var(--font-body--size-small);padding:1px 8px;border-radius:var(--badge-border-radius);color:var(--color-primary-badge-text);background:var(--color-primary-badge-background);border:var(--badge-primary-border-width) solid var(--color-primary-badge-border)}.pack-configurator__tier-badge:empty{display:none}.pack-configurator__tier-price{grid-area:price;text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.pack-configurator__tier-price strong{font-size:var(--font-body--size-emphasized)}.pack-configurator__tier-price small{font-size:var(--font-body--size-small);opacity:.7}.pack-configurator__tier-price s{font-size:var(--font-body--size-small);opacity:.6}.pack-configurator__ribbon{position:absolute;top:-10px;right:12px;padding:2px 10px;font-size:var(--font-body--size-small);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-button-text);background:var(--color-primary-button-background);border-radius:var(--badge-border-radius)}.pack-configurator__tier-body:empty{display:none}.pack-configurator__tier-body{padding:0 var(--padding-md) var(--padding-md)}.pack-configurator__panel{display:flex;flex-direction:column;gap:var(--gap-sm);padding-top:var(--padding-sm);border-top:1px solid var(--color-border)}.pack-configurator__panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--gap-sm)}.pack-configurator__panel-title{font-size:var(--font-body--size-small);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.pack-configurator__counter{font-size:var(--font-body--size-small);font-weight:600;opacity:.8}.pack-configurator__counter[data-state=ok]{color:var(--color-success);opacity:1}.pack-configurator__counter[data-state=over]{color:var(--color-error);opacity:1}.pack-configurator__lines{display:flex;flex-direction:column;gap:var(--gap-xs)}.pack-configurator__line{display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;gap:var(--gap-sm)}.pack-configurator__line-thumb{width:56px;height:56px;padding:0;border:1px solid var(--color-border);border-radius:calc(var(--card-border-radius)/2);background:var(--color-background);cursor:pointer;overflow:hidden}.pack-configurator__line-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pack-configurator__select{min-height:40px;min-width:0;width:100%;padding:0 var(--padding-xs);font:inherit;font-size:var(--inputs-font-size);color:var(--color-input-text);background:var(--color-input-background);border:var(--inputs-border-width,1px) solid var(--color-input-border);border-radius:var(--inputs-border-radius)}.pack-configurator__qty{display:inline-flex;align-items:center;border:var(--inputs-border-width,1px) solid var(--color-input-border);border-radius:var(--inputs-border-radius);overflow:hidden;background:var(--color-input-background)}.pack-configurator__qty-btn{width:32px;height:38px;cursor:pointer;background:transparent;border:0;color:var(--color-input-text);font-size:1.1rem}.pack-configurator__qty-input{width:44px;height:38px;text-align:center;border:0;border-left:1px solid var(--color-input-border);border-right:1px solid var(--color-input-border);background:transparent;color:var(--color-input-text);font:inherit;-moz-appearance:textfield}.pack-configurator__qty-input::-webkit-outer-spin-button,.pack-configurator__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pack-configurator__remove{width:28px;height:38px;cursor:pointer;background:transparent;border:0;color:inherit;opacity:.6;font-size:1.2rem}.pack-configurator__remove:hover{opacity:1}.pack-configurator__add-line{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-xxs) 0;cursor:pointer;background:transparent;border:0;color:inherit;font:inherit;font-size:var(--font-body--size-small);text-decoration:underline;text-underline-offset:3px}.pack-configurator__hint{margin:0;font-size:var(--font-body--size-small);opacity:.75}.pack-configurator__hint:empty{display:none}.pack-configurator__summary{display:flex;flex-direction:column;gap:var(--gap-sm)}.pack-configurator__total{display:flex;justify-content:space-between;align-items:baseline}.pack-configurator__total-prices{display:inline-flex;gap:var(--gap-xs);align-items:baseline}.pack-configurator__total-prices s{opacity:.6}.pack-configurator__total strong{font-size:var(--font-h5--size)}.pack-configurator__error{margin:0;font-size:var(--font-body--size-small);color:var(--color-error)}.pack-configurator__error:empty{display:none}.pack-configurator [data-ref=submit]{position:relative}.pack-configurator [data-ref=submit][disabled]{opacity:.5;cursor:not-allowed}.pack-configurator [data-ref=submit] .loading-spinner{display:none}.pack-configurator [data-ref=submit][data-loading=true] .button__content{visibility:hidden}.pack-configurator [data-ref=submit][data-loading=true] .loading-spinner{display:block;position:absolute}@media(max-width:750px){.pack-configurator__line{grid-template-columns:44px 1fr auto auto;gap:var(--gap-xs)}.pack-configurator__line-thumb{width:44px;height:44px}.pack-configurator__qty-btn{width:28px}.pack-configurator__qty-input{width:36px}.pack-configurator__remove{width:24px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pack-configurator.css.map */
