dialog.quick-add-modal{position:fixed;top:50%;left:50%;translate:-50% -50%;display:none;width:70%;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);margin:0;padding:60px;border:none;border-radius:12px;background-color:#9cc3bb;color:#000;overflow:hidden auto;gap:60px;opacity:0;scale:.97;transition:opacity .2s ease,scale .2s ease,overlay .2s allow-discrete,display .2s allow-discrete}dialog.quick-add-modal[open]{display:flex;opacity:1;scale:1}@starting-style{dialog.quick-add-modal[open]{opacity:0;scale:.97}}dialog.quick-add-modal::backdrop{background:#0000;transition:background-color .2s ease,overlay .2s allow-discrete,display .2s allow-discrete}dialog.quick-add-modal[open]::backdrop{background:#00000080}@starting-style{dialog.quick-add-modal[open]::backdrop{background:#0000}}.quick-add-modal__close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#000;color:#fff;font-size:18px;line-height:1;cursor:pointer}.quick-add-modal__media{flex:0 0 50%;align-self:center;aspect-ratio:1 / 1}.quick-add-modal__media img{width:100%;height:100%;object-fit:contain}.quick-add-modal__info{flex:1 1 0;display:flex;flex-direction:column;gap:32px;min-width:0;align-self:flex-start}.quick-add-modal__title{margin:0;font-size:36px;color:#fff}.quick-add-modal__colors{margin:0}.quick-add-modal__colors-label{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#fff}.quick-add-modal__color-values{display:flex;flex-wrap:wrap;gap:8px}.quick-add-modal__color-value{width:32px;height:32px;padding:0;border:2px solid transparent;border-radius:50%;outline:1px solid rgba(0,0,0,.15);outline-offset:-1px;cursor:pointer}.quick-add-modal__color-value.is-active{border-color:#000;outline-color:transparent}.quick-add-modal__add{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border:none;border-radius:0;background-color:#fff;color:#000;font-size:15px;font-weight:500;text-transform:uppercase;cursor:pointer}.quick-add-modal__add:disabled{background-color:#ffffff80;color:#0006;cursor:not-allowed}@keyframes quick-add-success{0%{scale:1}50%{scale:.96;background-color:#000;color:#fff}to{scale:1}}.quick-add-modal__add.is-added{animation:quick-add-success .4s ease}.quick-add-modal__price{margin:0;font-size:18px;color:#fff}.quick-add-modal__details{display:block;margin:0;color:#fff;text-decoration:underline;font-size:14px}.quick-add-modal__error{margin:16px 0 0;font-size:14px;color:#c0392b}@media(max-width:896px){dialog.quick-add-modal{flex-direction:column;width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:32px;gap:24px;overflow-y:auto}.quick-add-modal__media{flex:none;width:100%}.quick-add-modal__info{align-self:stretch}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/quick-add-modal.css.map */