@keyframes slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-from-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}dialog:modal{max-height:unset;max-width:unset;border:none;margin:0;padding:0;position:fixed}dialog::backdrop{background:#000000bf}:is(.dialog-left:modal,.dialog-right:modal){width:90vw;max-width:600px;top:0;bottom:0}.dialog-left>div,.dialog-right>div{background-color:#fff;width:100%;height:100vh}.dialog-top:modal{width:100vw;top:132px}.dialog-top::backdrop{top:132px}.dialog-center:modal{width:90vw;max-width:1204px;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-center::backdrop{top:0}.dialog-left:modal{left:0;right:unset}.dialog-right:modal{left:unset;right:0}.dialog-open-animation::backdrop{animation:.3s forwards backdrop-fade}.dialog-close-animation::backdrop{animation:.3s reverse backwards backdrop-fade}.dialog-top.dialog-open-animation{animation:.3s forwards slide-from-top}.dialog-top.dialog-close-animation{animation:.3s reverse backwards slide-from-top}.dialog-left.dialog-open-animation{animation:.3s forwards slide-from-left}.dialog-left.dialog-close-animation{animation:.3s reverse backwards slide-from-left}.dialog-right.dialog-open-animation{animation:.3s forwards slide-from-right}.dialog-right.dialog-close-animation{animation:.3s reverse backwards slide-from-right}.dialog-header{padding:var(--gutter-size);border-bottom:1px solid var(--border);z-index:2;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dialog-header h3{margin:0;font-size:16px;font-weight:700;line-height:26px}.dialog-header a.logo svg{width:auto;height:30px}.dialog-header a.logo{color:var(--dark-grey);font-size:21px;font-weight:700;line-height:36px}.dialog-form{padding:var(--gutter-size)}.dialog-form p:first-child{margin-top:0}.dialog-center{border-radius:8px;overflow:hidden}.dialog-modal-header{padding:var(--gutter-size);border-bottom:1px solid var(--border);background-color:var(--white);justify-content:space-between;align-items:center;display:flex}.dialog-modal-header h2{margin:0;font-size:16px;font-weight:700}@media only screen and (max-width:768px){.scan-barcode-modal .dialog-modal-content{pointer-events:none;background-color:#000;flex-direction:column;justify-content:center;height:calc(100vh - 54px);display:flex}}