@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap";html{font-size:62.5%}*{box-sizing:border-box;font-size:100%;font-weight:inherit;font-style:inherit;margin:0;padding:0}a{font-weight:inherit;color:inherit;text-decoration:none}a img{border:0}li{list-style:none}fieldset{border:0}button{text-align:left;background:0 0;border:0}:focus{outline:none}button,input,textarea{font:inherit;border:0}.wrap{width:75%;margin:0 auto}.notification{z-index:9999;color:#fff;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.01em;background-color:#1e232de6;border-radius:3px;min-width:16rem;padding:.666667rem 4rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;line-height:1;animation:.25s both notification-in;position:fixed;bottom:2rem;left:50%}.notification--hide{animation:.25s both notification-out}.notification--success{background-color:#81af53f2}.notification--error{background-color:#b02c2bf2}@keyframes notification-in{0%{opacity:0;transform:translate(-50%)translateY(2rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes notification-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;pointer-events:none;transform:translate(-50%)translateY(2rem)}}html{background-color:#fff;font-size:75%;overflow:hidden}@media screen and (width>=750px){html{font-size:80%}}@media screen and (width>=1024px){html{font-size:85%}}@media screen and (width>=1150px){html{font-size:85%}}@media screen and (width>=1280px){html{font-size:90%}}@media screen and (width>=1900px){html{font-size:90%}}body{color:#717171;font-family:Roboto,sans-serif;line-height:1.4}::-webkit-scrollbar{background-color:#fff;width:10px;height:10px}::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#aaa;border:3px solid #fff;border-radius:8px}.login{min-height:0;padding:2rem 1.25rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));flex:auto;justify-content:center;align-items:center;display:flex;overflow-y:auto}.login__main{width:100%;max-width:22rem}.login__header{border-bottom:1px solid #e6eded;justify-content:center;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.login__content,.login__form{width:100%}.text-input{color:#717171}.text-input__label{text-transform:uppercase;letter-spacing:.01em;width:100%;margin-bottom:.4rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;line-height:1;display:block}.text-input__required-indicator{color:#d8232a;margin-left:.2rem;display:inline-block}.text-input__input{color:#717171;background-color:#f8f8f8;border:2px solid #f3f3f3;border-radius:5px;width:100%;height:2rem;padding:1rem .666667rem;font-size:16px;line-height:2rem;transition:border-color .2s;display:block}.text-input__input::placeholder{color:#aaa}.text-input__input:active,.text-input__input:focus{border-color:#e6eded}.text-input__input:disabled{color:#bac0c0;background-color:#f3f3f3;border-color:#e6eded}.text-input__input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.text-input__input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.text-input__input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.text-input__input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.text-input--negative .text-input__input{background-color:#fff;border-color:#fff}.text-input--center .text-input__input{text-align:center}.text-input--rounded .text-input__input{border-radius:2rem;padding-left:1rem}.text-input--big .text-input__input{padding:2rem 1.33333rem;font-family:Roboto,sans-serif;font-size:1.75rem;font-weight:300}.password-input{color:#717171}.password-input__label{text-transform:uppercase;letter-spacing:.01em;width:100%;margin-bottom:.4rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;line-height:1;display:block}.password-input__required-indicator{color:#d8232a;margin-left:.2rem;display:inline-block}.password-input__input-wrap{position:relative}.password-input__input{color:#717171;background-color:#f8f8f8;border:2px solid #f3f3f3;border-radius:5px;width:100%;height:2rem;padding:1rem .666667rem;font-size:16px;line-height:2rem;transition:border-color .2s;display:block}.password-input__input::placeholder{color:#aaa}.password-input__input:active,.password-input__input:focus{border-color:#e6eded}.password-input__input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.password-input__input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.password-input__input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.password-input__input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 1000px #f8f8f8}.password-input__revealer{cursor:pointer;justify-content:center;align-items:center;padding-right:.5rem;display:flex;position:absolute;top:0;bottom:0;right:0}.icon{width:1.33333rem;height:1.33333rem;display:inline-block}.icon svg{fill:#717171;color:#717171;width:100%;height:100%;display:block}.icon--small{width:.8rem;height:.8rem}.icon--large{width:1.93333rem;height:1.93333rem}.icon--extra-large{width:4rem;height:4rem}.icon--highlight svg{fill:#d8232a;color:#d8232a}.icon--dim svg{fill:#bac0c0;color:#bac0c0}.icon--extra-dim svg{fill:#f3f3f3;color:#f3f3f3}.icon--transparent svg{fill:none}.form{width:100%;display:block}.form__input{margin:1.6rem 0;position:relative}.form__input:first-child{margin-top:0}.form__input:last-child{margin-bottom:0}.form__error-message{color:#fff;background-color:#dc2930;border:2px solid #d8232a;border-radius:3px;padding:0 .4rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:300;display:inline-block;position:absolute;top:-.5rem;right:0}.form__footer{justify-content:flex-end;align-items:center;margin-top:2rem;display:flex}.form__footer a{color:#f3f3f3;border-bottom:1px solid #f3f3f3;margin-left:1rem;font-family:Roboto,sans-serif;line-height:1.4}.button{text-transform:uppercase;letter-spacing:.01em;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;line-height:1;line-height:initial;text-align:center;cursor:pointer;color:#fff;white-space:nowrap;background-color:#d8232a;border-radius:2rem;justify-content:center;align-items:center;min-height:2.4rem;padding:.5rem 1.33333rem;display:flex}.button__icon{margin-right:1.33333rem;display:inline-flex}.button--small .button__icon{margin-right:.5rem}.button--reverse-order .button__icon{margin:0 0 0 1.33333rem}.button--outline{color:#aaa;background-color:#0000;border:1px solid #aaa}.button--transparent{color:#aaa;background-color:#0000;border-color:#0000}.button--alt{color:#fff;background-color:#aaa;border:1px solid #aaa}.button--stretch{width:100%}.button--large{padding:0 5.5rem}.button--xl{border-radius:3px;flex-grow:1;height:auto;font-family:Roboto,sans-serif;font-size:1.75rem;font-weight:300}.button--disabled{cursor:not-allowed;background-color:#717171}.button--reverse-order{flex-direction:row-reverse}.button--reverse-order.button--small .button__icon{margin:0 0 0 .5rem}.logo{width:10rem;max-width:100%;position:relative}.logo svg{fill:#d8232a;width:100%;height:auto;display:block}.logo .accent{fill:#d8232a}.logo--compact{width:7rem}.scanner{background-color:#1e232d;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.scanner__header{padding:1.25rem 1rem;padding-top:calc(1.25rem + env(safe-area-inset-top));background-color:#fff;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.scanner__logo{max-width:6.5rem}.scanner__header>.icon-button{color:#d8232a;background-color:#0000;border:1px solid #d8232a;border-radius:2rem;width:2.75rem;height:2.75rem;padding:0}.scanner__header>.icon-button svg{width:1.375rem}.scanner__header>.icon-button svg *{fill:#d8232a26;stroke:currentColor}.scanner__camera{outline-offset:-2px;outline:2px solid #d8232a;flex:auto;min-height:0;position:relative;overflow:hidden}.scanner__location{-webkit-appearance:none;cursor:pointer;background:0 0;border:0;padding:1rem 1.5rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.camera-scanner{background-color:#1e232d;width:100%;height:100%;position:relative;overflow:hidden}.camera-scanner__video{object-fit:cover;width:100%;height:100%}.camera-scanner__reticle{aspect-ratio:5/2;pointer-events:none;border:2px solid #ffffffe6;border-radius:.5rem;width:78%;max-width:22rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000059}.camera-scanner__torch{bottom:calc(2.5rem + env(safe-area-inset-bottom));color:#1e232d;background-color:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.camera-scanner__torch .icon,.camera-scanner__torch svg{width:1.75rem;height:1.75rem;display:block}.camera-scanner__torch--on{color:#fff;background-color:#d8232a}.camera-scanner--error{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.camera-scanner__hint{opacity:.7;margin-top:.5rem}.scan-drawer__state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:11rem;display:flex}.scan-drawer__check{width:3.5rem;height:3.5rem}.scan-drawer__check circle,.scan-drawer__check path{stroke:#d8232a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.scan-drawer__done{font-size:1.125rem;font-weight:600}.scan-drawer__head{gap:1rem;margin-bottom:1rem;display:flex}.scan-drawer__cover{flex:0 0 6.5rem;width:6.5rem}.scan-drawer__meta{flex:auto;min-width:0}.scan-drawer__title{font-size:1.25rem;font-weight:600;line-height:1.2}.scan-drawer__artist{color:#717171;margin-top:.125rem;font-size:1.125rem}.scan-drawer__barcode{color:#aaa;font-variant-numeric:tabular-nums;margin-top:.375rem;font-size:1rem}.scan-drawer__artist .badge{margin-left:.5rem}.scan-drawer__stock{color:#1e232d;margin-top:1rem;font-size:1.125rem}.scan-drawer__stock--none{color:#717171;font-style:italic}.scan-drawer__hint{color:#717171;font-size:.95rem}.scan-drawer__label{color:#717171;text-transform:uppercase;letter-spacing:.05em;margin-top:1rem;font-size:.75rem}.scan-drawer__move{color:#717171;text-align:center;justify-content:center;align-items:baseline;gap:.4rem;margin-bottom:1rem;font-size:1rem;display:flex}.scan-drawer__move strong{color:#1e232d;font-weight:600}.scan-drawer__delta{color:#1e232d;font-variant-numeric:tabular-nums;background-color:#f3f3f3;border-radius:3px;padding:.05rem .4rem;font-size:.875rem;font-weight:600}.scan-drawer__moved{color:#717171;font-variant-numeric:tabular-nums;font-size:1rem}.scan-drawer__quantity{align-items:center;gap:1rem;margin:.5rem 0 .8rem;display:flex}.scan-drawer__step{-webkit-appearance:none;color:#1e232d;cursor:pointer;background-color:#fff;border:1px solid #bac0c0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;font-size:1.75rem;line-height:1;display:flex}.scan-drawer__input{text-align:center;font-variant-numeric:tabular-nums;border:1px solid #bac0c0;border-radius:.5rem;flex:auto;min-width:0;height:3.5rem;font-size:1.5rem}.scan-drawer__failed{color:#d8232a;text-align:center;margin-bottom:.7rem;font-size:1rem}.scan-drawer__actions{border-top:1px solid #e6eded;gap:1rem;margin:0 -1.5rem;padding:1.25rem 1.5rem 0;display:flex}.scan-drawer__actions>*{flex:1 1 0}.scan-drawer__actions .button{min-height:3.5rem;font-size:1.125rem}.scan-drawer__loading,.scan-drawer__error{text-align:center;padding:2rem 0}.sheet{z-index:20;background-color:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__panel{width:100%;max-height:85dvh;padding:1rem 1.5rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));background-color:#fff;border-radius:1rem 1rem 0 0;overflow-y:auto}.sheet__grip{background-color:#bac0c0;border-radius:.25rem;width:2.5rem;height:.25rem;margin:0 auto 2rem}.sheet__title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.photo,.photo>img{width:100%;display:block}.photo--round>img{border-radius:50%}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader{opacity:0;border:2px solid #d8232a;border-color:#0000 #d8232a #d8232a #0000;border-radius:50%;width:1.33333rem;height:1.33333rem;transition:opacity .2s;animation:.35s linear infinite loader-spin;display:block}.loader--loading{opacity:1}.loader--large{border-width:3px;width:2.7rem;height:2.7rem}.badge{vertical-align:middle;color:#d8232a;text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:3px;padding:.1rem .4rem;font-size:.8rem;display:inline-block}.badge--name{letter-spacing:0;text-transform:none;padding:.2rem .55rem;font-size:1rem;font-weight:600}.badge--light{color:#fff;text-shadow:1px 0 #1e232df2,-1px 0 #1e232df2,0 1px #1e232df2,0 -1px #1e232df2,0 1px 6px #1e232dcc;border-color:#fffffff2;box-shadow:0 0 0 1px #1e232d66,0 1px 6px #1e232d8c}.badge--dim{color:#717171;border-color:#bac0c0}.history-drawer__state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:11rem;display:flex}.history-drawer__failed{color:#d8232a;font-size:1.0625rem;font-weight:600}.history-drawer__hint{color:#717171;font-size:.9375rem}.history-drawer__empty{color:#717171;text-align:center;justify-content:center;align-items:center;min-height:11rem;display:flex}.history-drawer__item{border-bottom:1px solid #bac0c0;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.history-drawer__item:last-child{border-bottom:0}.history-drawer__cover{flex:0 0 3rem;width:3rem}.history-drawer__meta{flex:auto;min-width:0}.history-drawer__title{font-size:1rem;font-weight:600;line-height:1.2}.history-drawer__artist{color:#717171;font-size:.9375rem}.history-drawer__where{color:#aaa;letter-spacing:.03em;margin-top:.125rem;font-size:.8125rem}.history-drawer__when{font-variant-numeric:tabular-nums;margin-left:.4rem}.history-drawer__amount{text-align:right;flex:none}.history-drawer__count{color:#1e232d;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:600}.history-drawer__after{color:#717171;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem}.location-drawer__option{color:#1e232d;text-align:left;cursor:pointer;background-color:#0000;border:1px solid #bac0c0;border-radius:2rem;justify-content:space-between;align-items:center;gap:.8rem;width:100%;min-height:3.25rem;margin-bottom:.6rem;padding:0 1rem;display:flex}.location-drawer__name{letter-spacing:.02em;font-size:1rem;font-weight:600}.location-drawer .badge{flex:none}.icon-button{text-align:center;cursor:pointer;border-radius:2rem;justify-content:center;align-items:center;height:2rem;padding:0 .666667rem;line-height:2rem;transition:background-color .25s;display:flex}.icon-button svg{width:1.33333rem;height:auto;display:block}.icon-button svg *{fill:#717171}.icon-button--button{background-color:#fff;border-color:#fff;transition:all .2s}.icon-button--button:hover{background-color:#fff;border-color:#fff}.icon-button--alt{background-color:#f3f3f3}.icon-button--alt:hover{background-color:#f8f8f8}@keyframes app-initialization{0%{opacity:0}}.app{flex-direction:column;animation:.75s app-initialization;display:flex;position:fixed;inset:0;overflow:hidden}.app--announced .scanner__header{padding-top:1.25rem}.app-note{min-height:calc(2.5rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) 1rem 0;color:#fff;text-align:center;background-color:#b02c2b;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:400;display:flex}.app-loader{background-color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.content-loader{justify-content:center;align-items:center;display:flex}