.obx-kit{--kit-red: #be1e2d;--kit-black: #17212e;--kit-grey: #a7a9ac;--kit-border: rgba(167, 169, 172, .3);--kit-font-body: var(--font-body--family, "Open Sans", Helvetica, Arial, sans-serif);--kit-font-head: var(--font-primary--family, "Univia Pro", Helvetica, Arial, sans-serif);width:100%}.obx-kit--empty{padding:16px;border:1px dashed var(--kit-border);font-family:var(--kit-font-body);font-size:14px;color:var(--kit-black)}.obx-kit__steps{display:flex;flex-direction:column;gap:40px}.obx-kit-step{border:0;margin:0;padding:0;min-width:0}.obx-kit-step__header{display:block;width:100%;padding:0;margin:0;float:none}.obx-kit-step__toggle{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px 12px 0;background:none;border:0;border-bottom:1px solid var(--kit-black);text-align:left;cursor:pointer;font-family:var(--kit-font-body)}.obx-kit-step__title{flex:1 1 auto;min-width:0;font-family:var(--kit-font-body);font-size:16px;font-weight:700;line-height:1.5;letter-spacing:1px;text-transform:uppercase;color:var(--kit-black)}.obx-kit-step__num{color:var(--kit-red);margin-right:8px}.obx-kit-step__price{margin-left:10px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--kit-red)}.obx-kit-step__price:empty{display:none}.obx-kit-step__help{flex-shrink:0;display:inline-flex;align-items:center;color:var(--kit-grey);cursor:help;position:relative}.obx-kit-step__help[data-kit-tip]:hover:after,.obx-kit-step__help[data-kit-tip]:focus:after{content:attr(data-kit-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);z-index:5;width:max-content;max-width:260px;padding:8px 12px;background:var(--kit-black);color:#fff;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.4;border-radius:4px;white-space:normal}.obx-kit-step__indicator{flex-shrink:0;display:inline-flex;align-items:center;color:var(--kit-black)}.obx-kit-step__minus,.obx-kit-step--open .obx-kit-step__plus{display:none}.obx-kit-step--open .obx-kit-step__minus{display:inline-block}.obx-kit-step__body{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .32s ease,margin-top .32s ease}.obx-kit-step--open .obx-kit-step__body{grid-template-rows:1fr;margin-top:24px}.obx-kit-step__body-inner{display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;opacity:0;transition:opacity .28s ease}.obx-kit-step--open .obx-kit-step__body-inner{opacity:1}@media(prefers-reduced-motion:reduce){.obx-kit-step__body,.obx-kit-step__body-inner{transition:none}}.obx-kit-field{display:flex;flex-direction:column;gap:8px;width:100%}.obx-kit-field__label{font-family:var(--kit-font-body);font-size:16px;font-weight:700;line-height:1.5;color:var(--kit-black)}.obx-kit-variant{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .3s ease,margin-top .3s ease}.obx-kit-variant--open{grid-template-rows:1fr;margin-top:16px}.obx-kit-variant__inner{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden;opacity:0;transition:opacity .26s ease}.obx-kit-variant--open .obx-kit-variant__inner{opacity:1}@media(prefers-reduced-motion:reduce){.obx-kit-variant,.obx-kit-variant__inner{transition:none}}.obx-kit-select{position:relative;width:100%}.obx-kit-select__input{width:100%;height:48px;padding:12px 44px 12px 16px;background:#fff;border:1px solid var(--kit-border);border-radius:0;font-family:var(--kit-font-body);font-size:16px;font-weight:400;line-height:1.5;color:var(--kit-black);appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;cursor:pointer}.obx-kit-select__input.is-placeholder{color:#17212eb3}.obx-kit-select__input:focus-visible{border-color:var(--kit-black)}.obx-kit-select__input:disabled{cursor:not-allowed;opacity:.6}.obx-kit-select__chevron{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:inline-flex;align-items:center;color:var(--kit-red);opacity:.7;pointer-events:none}.obx-kit__notes{margin-top:32px}.obx-kit__notes-input{width:100%;min-height:96px;padding:12px 16px;background:#fff;border:1px solid rgba(121,144,153,.25);border-radius:4px;font-family:var(--kit-font-body);font-size:16px;line-height:1.5;color:var(--kit-black);resize:vertical;outline:none}.obx-kit__notes-input::placeholder{color:#17212eb3}.obx-kit__notes-input:focus-visible{border-color:var(--kit-black)}.obx-kit__footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.obx-kit__total{display:flex;flex-direction:column;gap:8px;white-space:nowrap}.obx-kit__total-label{font-family:var(--kit-font-body);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1.5;color:var(--kit-black)}.obx-kit__total-amount{font-family:var(--kit-font-head);font-size:24px;font-weight:700;line-height:1.15;color:var(--kit-red)}.obx-kit__total-amount.is-price-placeholder{font-family:var(--kit-font-body);font-size:15px;font-weight:700;line-height:1.3;text-transform:none}.obx-kit__qty{display:flex;align-items:stretch;height:48px}.obx-kit__qty-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;background:var(--kit-black);border:0;color:#fff;cursor:pointer}.obx-kit__qty-btn:hover{background:#000}.obx-kit__qty-input{width:56px;border:1px solid var(--kit-border);border-left:0;border-right:0;background:#fff;text-align:center;font-family:var(--kit-font-body);font-size:16px;color:var(--kit-black);outline:none;-moz-appearance:textfield}.obx-kit__qty-input::-webkit-outer-spin-button,.obx-kit__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.obx-kit__add{display:inline-flex;align-items:center;gap:8px;height:48px;padding:12px 24px;background:var(--kit-red);border:0;border-radius:0;color:#fff;font-family:var(--kit-font-body);font-size:16px;font-weight:700;text-transform:uppercase;line-height:1.5;cursor:pointer;transition:opacity .15s ease}.obx-kit__add:hover{opacity:.9}.obx-kit__add[disabled]{background:var(--kit-grey);cursor:not-allowed;opacity:1}.obx-kit__add.is-loading{opacity:.7;pointer-events:none}.obx-kit__error{flex:1 0 100%;margin:0;font-family:var(--kit-font-body);font-size:14px;color:var(--kit-red)}@media screen and (max-width:480px){.obx-kit__footer{gap:16px}.obx-kit__add{flex:1 1 100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/obx-kit-configurator.css.map */
