.vin-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;justify-content:center;align-items:center}.vin-modal-overlay.is-open{display:flex}.vin-modal{background:var(--color-brand-surface, #fff);border-radius:8px;width:100%;max-width:900px;max-height:80vh;overflow-y:auto;position:relative;padding:32px;box-shadow:0 8px 32px #0003}.vin-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-brand-text, #333);font-size:24px;line-height:1}.vin-modal__close:hover{color:var(--color-brand-text-dark, #1a1a1a)}.vin-modal__tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-brand-border, rgba(0, 0, 0, .1));margin-bottom:24px}.vin-modal__tab{background:none;border:none;padding:8px 0 12px;font-size:1.6rem;font-weight:600;cursor:pointer;color:var(--color-brand-text-muted, #999);border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.vin-modal__tab.is-active{color:var(--color-brand-blue, #0052b4);border-bottom-color:var(--color-brand-blue, #0052b4)}.vin-modal__tab:hover:not(.is-active){color:var(--color-brand-text, #333)}.vin-modal__tab-panel{display:none}.vin-modal__tab-panel.is-active{display:block}.vin-modal__vin-row{display:flex;gap:12px;margin-bottom:16px}.vin-modal__vin-input{flex:1;padding:12px 16px;font-size:1.6rem;border:1px solid var(--color-brand-border, rgba(0, 0, 0, .1));border-radius:4px;background:var(--color-brand-surface, #fff);color:var(--color-brand-text, #333)}.vin-modal__vin-input:focus{outline:none;border-color:var(--color-brand-border-focus, rgba(0, 0, 0, .3))}.vin-modal__vin-input::placeholder{color:var(--color-brand-text-muted, #999)}.vin-modal__vin-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;background:var(--color-brand-blue, #0052b4);color:#fff;border:none;border-radius:4px;font-size:1.6rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.vin-modal__vin-btn:hover{background:var(--color-brand-blue-hover, #0061d4)}.vin-modal__vin-message{margin-bottom:24px}.vin-modal__vin-message[hidden]{display:none}.vin-modal__vin-message-title{font-weight:700;font-size:1.4rem;color:var(--color-brand-text-dark, #1a1a1a);margin:0 0 4px}.vin-modal__vin-message-text{font-size:1.3rem;color:var(--color-brand-text-muted, #999);margin:0}.vin-modal__filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}.vin-modal__select-wrapper{position:relative}.vin-modal__select-wrapper label{position:absolute;top:-8px;left:12px;background:var(--color-brand-surface, #fff);padding:0 4px;font-size:1.2rem;color:var(--color-brand-text-muted, #999)}.vin-modal__select{width:100%;padding:14px 36px 14px 16px;font-size:1.4rem;border:1px solid var(--color-brand-border, rgba(0, 0, 0, .1));border-radius:4px;background:var(--color-brand-surface, #fff);color:var(--color-brand-text, #333);-webkit-appearance:none;appearance:none;cursor:pointer}.vin-modal__select:focus{outline:none;border-color:var(--color-brand-border-focus, rgba(0, 0, 0, .3))}.vin-modal__select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-brand-text-muted, #999);pointer-events:none}.vin-modal__table-wrapper{border:1px solid var(--color-brand-border, rgba(0, 0, 0, .1));border-radius:4px;overflow-x:auto;margin-bottom:24px}.vin-modal__table{width:100%;border-collapse:collapse;font-size:1.4rem}.vin-modal__table thead{background:var(--color-brand-surface-hover, #f9f9f9)}.vin-modal__table th{padding:12px 16px;text-align:left;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-text-dark, #1a1a1a);white-space:nowrap}.vin-modal__table td{padding:12px 16px;color:var(--color-brand-text, #333);border-top:1px solid var(--color-brand-border-light, rgba(0, 0, 0, .05))}.vin-modal__table tbody tr{cursor:pointer;transition:background .15s}.vin-modal__table tbody tr:hover{background:var(--color-brand-surface-hover, #f9f9f9)}.vin-modal__table tbody tr.is-selected{background:#0052b41a}.vin-modal__table-empty{padding:32px 16px;text-align:center;color:var(--color-brand-text-muted, #999);font-size:1.4rem}.vin-modal__actions{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--color-brand-border-light, rgba(0, 0, 0, .05))}.vin-modal__clear-btn{background:none;border:none;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-text-dark, #1a1a1a);cursor:pointer;padding:8px 0}.vin-modal__clear-btn:hover{color:var(--color-brand-text, #333)}.vin-modal__submit-btn{display:flex;align-items:center;gap:10px;padding:14px 48px;background:var(--color-brand-blue, #0052b4);color:#fff;border:none;border-radius:4px;font-size:1.6rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:background .2s,opacity .2s}.vin-modal__submit-btn:hover{background:var(--color-brand-blue-hover, #0061d4)}.vin-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed}.vin-modal__recent-list{list-style:none;padding:0;margin:0}.vin-modal__recent-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--color-brand-border, rgba(0, 0, 0, .1));border-radius:4px;margin-bottom:8px;cursor:pointer;transition:background .15s}.vin-modal__recent-item:hover{background:var(--color-brand-surface-hover, #f9f9f9)}.vin-modal__recent-item.is-selected{background:#0052b41a;border-color:var(--color-brand-blue, #0052b4)}.vin-modal__recent-item-name{font-weight:600;font-size:1.4rem;color:var(--color-brand-text-dark, #1a1a1a)}.vin-modal__recent-item-details{font-size:1.3rem;color:var(--color-brand-text-muted, #999)}.vin-modal__recent-empty{padding:32px 16px;text-align:center;color:var(--color-brand-text-muted, #999);font-size:1.4rem}@media screen and (max-width:989px){.vin-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;padding:24px 16px}.vin-modal__vin-row{flex-direction:column}.vin-modal__filters{grid-template-columns:1fr}.vin-modal__actions{flex-direction:column;gap:12px}.vin-modal__submit-btn{width:100%;justify-content:center}.vin-modal__clear-btn{order:2}.vin-modal__submit-btn{order:1}}.vin-modal__vin-btn.is-loading svg{display:none}.vin-modal__vin-btn.is-loading{position:relative;display:flex;align-items:center;justify-content:center}.vin-modal__vin-btn.is-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:vin-spin .8s linear infinite}@keyframes vin-spin{to{transform:rotate(360deg)}}.vin-modal__vin-error{margin:0 0 8px;padding:8px 12px;font-size:1.3rem;color:#fff;background:var(--color-brand-alert, #e63946);border-radius:4px}.vin-modal__vin-error[hidden]{display:none}.vin-modal__table tbody tr.is-selected[data-vin-origin]{border-left:3px solid var(--color-brand-blue, #0052b4)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vin-modal.css.map */