.quick-add-drawer{background:#f8f8f8}.quick-add-drawer,.quick-add-drawer *,.quick-add-drawer *:before,.quick-add-drawer *:after{border-radius:0!important}.quick-add-drawer .drawer-header{background:#f8f8f8;border-bottom:none;padding:20px 20px 10px}.quick-add-drawer .card__quick-add-modal{border:1px solid #d0d0d0;background:#fff}.quick-add-drawer .card__quick-add-modal-content{padding:0!important}.quick-add-drawer .option,.quick-add-drawer .option[data-option-type]{margin-bottom:20px}.quick-add-drawer .option-name{display:block;margin:0 0 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#333;text-align:left}.quick-add-drawer .option-values{display:flex;gap:8px;flex-wrap:wrap}.quick-add-drawer .option-value{position:relative}.quick-add-drawer .option-value input{position:absolute;opacity:0;pointer-events:none}.quick-add-drawer .option-value label{display:inline-block;padding:8px 16px;border:1px solid #333;background:#fff;cursor:pointer;font-weight:500;font-size:14px;min-width:60px;text-align:center;transition:all .2s ease}.quick-add-drawer .option-value input:checked+label{background:#333;color:#fff;border-color:#333}.quick-add-drawer .option-value label:hover{border-color:#666;background:#f5f5f5}.quick-add-drawer .option-value input:checked+label:hover{background:#222;border-color:#222}.quick-add-drawer .option-description{font-size:12px;color:#666;margin-top:6px;text-align:center}.quick-add-drawer .qa-divider{border-top:1px dashed #ccc;margin:0 0 20px}.quick-add-drawer .select{position:relative;margin-top:8px}.quick-add-drawer .select__select{width:100%;padding:12px 40px 12px 16px;border:1px solid #333;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-add-drawer .select__select:hover{border-color:#666}.quick-add-drawer .select__select:focus{outline:none;border-color:#333;box-shadow:0 0 0 2px #3333331a}.quick-add-drawer .select .icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#333;pointer-events:none;z-index:1;display:block}.quick-add-drawer .form{padding:0;margin:0}.quick-add-drawer .drawer-footer-button,.quick-add-drawer .quick-add__submit{display:block;width:100%;background:#000;color:#fff;text-transform:uppercase;letter-spacing:.1em;padding:16px 20px;border:none!important;font-weight:600;font-size:14px;margin:0}.quick-add-drawer .quick-add__submit:after{box-shadow:none!important}.quick-add-drawer .qa-options-wrap{padding:0}.quick-add-drawer .drawer-footer-button span[onclick]{font-size:28px!important;font-weight:700;line-height:1;position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.quick-add-drawer .drawer-footer-button.loading .button-text,.quick-add-drawer .drawer-footer-button.loading span:not([onclick]){opacity:0;visibility:hidden}.quick-add-drawer .drawer-footer-button.loading .loading-spinner{display:block;opacity:1}.quick-add-drawer .drawer-footer-button .loading-spinner{display:none;opacity:0}.product-badge{position:absolute;top:8px;right:8px;background-color:#ff6b35;color:#fff;padding:6px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;z-index:10;box-shadow:0 1px 4px #0000001a;border-radius:0;line-height:1.2;white-space:nowrap;width:max-content;display:inline-block;height:auto;min-height:24px;text-align:center}.product-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;transition:all .2s ease}@media (max-width: 768px){.product-badge{font-size:10px;padding:4px 8px;top:6px;right:6px;letter-spacing:.2px;min-height:20px}}.card__title-text{display:inline;color:inherit;text-decoration:none;cursor:default}.card-click-overlay{position:absolute!important;top:0;left:0;right:0;bottom:0;z-index:1;text-decoration:none;color:transparent;background:transparent}@media screen and (max-width:750px){.quick-add__submit,.quick-add-drawer{display:none}}.quick-add-drawer{position:relative;z-index:30!important;pointer-events:auto}.quick-add-overlay{z-index:15!important;pointer-events:auto}.quick-add-overlay .drawer-footer-button{z-index:20!important;pointer-events:auto}.product-notes{font-size:12px;color:#333;margin-top:4px;line-height:1.3;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:.5px;padding:0 4px;white-space:pre-line;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media screen and (max-width: 749px){.product-notes{font-size:11px;margin-top:2px;letter-spacing:.3px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/card-quick-add.css.map */
