:root{--color-quick-add-background: white;--color-quick-add-text: black}.quick-add{position:relative;width:100%}.quick-add-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}.variant-select{width:100%;padding:10px;border:1px solid #ddd;background:var(--color-quick-add-background);color:var(--color-quick-add-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-border-radius:0}.variant-select:focus-visible{outline:none;-webkit-box-shadow:none;box-shadow:none}.variant-select option:disabled{color:#999}.quick-add-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:var(--color-quick-add-text);color:var(--color-quick-add-background);width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:10px;cursor:pointer;border:none;text-transform:uppercase}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent;box-shadow:inset 0 0 0 1px var(--color-quick-add-text);color:var(--color-quick-add-text)}.quick-add__hover{display:none}@media screen and (max-width: 1023px){.variants{position:static;background:#fff}}.variants{display:flex;flex-wrap:nowrap;gap:5px}.variant{flex:0 0 auto}.variant-container{max-height:150px;overflow-x:auto;overflow-y:hidden}
/*# sourceMappingURL=/cdn/shop/t/17/assets/quick-add.css.map */