.kit-customization-block{margin:1.5rem 0}.kit-customization-button{display:inline-flex;align-items:center;gap:.5rem;width:100%;justify-content:center;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease}.kit-customization-button__icon{display:inline-flex;align-items:center;width:1.25rem;height:1.25rem}.kit-customization-button__icon svg{width:24px;height:24px}.kit-customization-status{margin-top:1rem;padding:.75rem 1rem;border-radius:.5rem;background-color:rgba(var(--color-base-accent-1),.1);border:1px solid rgba(var(--color-base-accent-1),.2);animation:slideIn .3s ease}.kit-customization-status--success{background-color:#2ea0431a;border-color:#2ea0434d;color:#2ea043}.kit-customization-status__text{font-size:.9rem;font-weight:500}.kit-dialog.dialog-drawer,.kit-dialog.dialog-drawer--right{position:fixed;inset:0 0 0 auto;width:min(450px,100%);max-width:450px;height:100vh;height:100dvh;margin:0;padding:0;border:none;overflow:hidden;box-shadow:-2px 0 8px #00000026}@media screen and (max-width: 749px){.kit-dialog.dialog-drawer,.kit-dialog.dialog-drawer--right{max-width:100%;width:100%}}@keyframes kitSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes kitSlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.kit-dialog.dialog-drawer[open],.kit-dialog.dialog-drawer--right[open]{animation:kitSlideInRight .3s ease forwards}.kit-dialog.dialog-drawer.dialog-closing,.kit-dialog.dialog-drawer--right.dialog-closing{animation:kitSlideOutRight .2s ease forwards}.kit-dialog__container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden}.kit-dialog-header{display:flex;flex-direction:column;padding:1.5rem}.kit-dialog__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(var(--color-base-outline-button-labels),.15);background-color:rgb(var(--color-base-background-1))}.kit-dialog__title{margin:0;color:rgb(var(--color-base-text))}.kit-dialog__close{display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--color-base-text))}.kit-dialog__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;background-color:rgb(var(--color-base-background-1));min-height:0}.kit-dialog__info{display:flex;flex-direction:column;background-color:rgba(var(--color-base-accent-1),.03);border-radius:.5rem;border:1px solid rgba(var(--color-base-accent-1),.1)}@media screen and (min-width: 380px){.kit-dialog__info{flex-direction:row;gap:2rem}}.kit-dialog__info-row{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.kit-dialog__info-row--highlight{position:relative;background-color:rgb(var(--color-base-background-1));border-radius:.375rem;border:1px solid rgba(var(--color-base-accent-1),.2);transition:all .3s ease;flex-shrink:0}.kit-dialog__info-row--complete{background-color:#2ea0430d;border-color:#2ea0434d}.kit-dialog__info-label{font-size:.875rem;color:rgba(var(--color-base-text),.7);min-width:fit-content}.kit-dialog__info-value{font-size:.875rem;font-weight:600;color:rgb(var(--color-base-text));min-width:fit-content}.kit-colors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem 0}@media screen and (max-width: 380px){.kit-colors-grid{grid-template-columns:1fr;gap:.75rem}}.kit-color-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid rgba(var(--color-base-outline-button-labels),.15);border-radius:.75rem;transition:all .2s ease;background-color:rgb(var(--color-base-background-1))}.kit-color-card--selected{border-color:rgb(var(--color-base-accent-1));background-color:rgba(var(--color-base-accent-1),.05)}.kit-color-card__swatch{width:60px;height:60px;border-radius:.5rem;border:2px solid rgba(var(--color-base-outline-button-labels),.2);margin-bottom:.5rem;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.kit-color-card--selected .kit-color-card__swatch{border-color:rgb(var(--color-base-accent-1))}.kit-color-card__name{font-size:.95rem;font-weight:600;color:rgb(var(--color-base-text));text-align:center;margin-bottom:1rem;min-height:1.5rem}.kit-color-card__controls{display:flex;align-items:center;gap:.5rem;justify-content:center}.kit-color-card__button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background-color:rgb(var(--color-base-background-2));border:1px solid rgba(var(--color-base-outline-button-labels),.2);border-radius:50%;cursor:pointer;transition:all .2s ease;color:rgb(var(--color-base-text))}.kit-color-card__button:hover:not(:disabled){background-color:rgba(var(--color-base-accent-1),.1);border-color:rgba(var(--color-base-accent-1),.3);transform:scale(1.1)}.kit-color-card__button:disabled{opacity:.4;cursor:not-allowed}.kit-color-card__button svg{width:14px;height:14px}.kit-color-card__input{width:50px;height:32px;text-align:center;font-size:1rem;font-weight:600;border:1px solid rgba(var(--color-base-outline-button-labels),.2);background-color:rgb(var(--color-base-background-1));color:rgb(var(--color-base-text))}.kit-color-card--selected .kit-color-card__input{border-color:rgba(var(--color-base-accent-1),.3);background-color:rgba(var(--color-base-accent-1),.05)}.kit-color-card__input:focus{outline:none;border-color:rgb(var(--color-base-accent-1))}.kit-color-card__input::-webkit-inner-spin-button,.kit-color-card__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kit-color-card__input[type=number]{-moz-appearance:textfield}.kit-dialog__error{margin-top:1rem;padding:.75rem 1rem;background-color:#dc26260d;border:1px solid rgba(220,38,38,.2);border-radius:.5rem;animation:slideIn .2s ease}.kit-dialog__error[hidden]{display:none}.kit-dialog__error-text{color:#dc2626;font-size:.9rem;font-weight:500}.kit-dialog__footer{padding:1.5rem;border-top:1px solid rgba(var(--color-base-outline-button-labels),.15);background-color:rgb(var(--color-base-background-1))}.kit-dialog__summary{margin-bottom:1rem}.kit-dialog__price{display:flex;justify-content:space-between;align-items:center}.kit-dialog__price-label{font-weight:500;color:rgba(var(--color-base-text),.7)}.kit-dialog__price-value{font-weight:600;color:rgb(var(--color-base-accent-1))}.kit-dialog__submit{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;transition:all .2s ease}.kit-dialog__submit:disabled{opacity:.6;cursor:not-allowed}.kit-dialog__submit-loading{display:inline-flex;animation:spin 1s linear infinite}.kit-dialog__submit-loading svg{width:1.25rem;height:1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 480px){.kit-dialog__info{flex-direction:column;gap:.75rem}.kit-color-card{padding:.875rem}.kit-color-card__swatch{width:50px;height:50px}.kit-color-card__name{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/kit-customization.css.map */