body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;color:#575757;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;margin:0}.error{background-color:#009eeb;height:100%;position:relative;width:100%}.error>.message{box-sizing:border-box;color:#fff;font-size:30px;font-weight:700;padding:20px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translateY(-50%);width:100%}.audio-recorder{align-items:center;display:flex;flex-direction:column}.audio-recorder>.visualizer{box-sizing:border-box;font-size:0;height:54px;width:100%}.audio-recorder>.visualizer canvas{height:100%;width:100%}.audio-recorder>.controls{padding-top:12px}.audio-recorder>.controls>.button{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px 0 #696969;color:575757;cursor:pointer;font-size:0;padding:10px}.audio-recorder>.controls>.button>svg{height:30px;width:30px}.loader{transition:opacity .3s ease}.loader.hidden{opacity:0}.loader.flat{display:inline-block;height:4px;overflow:hidden;position:relative;width:100%}.loader.flat:after{animation:hitZak .6s ease-in-out infinite alternate;background:#fff;border-radius:2px;box-sizing:border-box;content:"";height:4px;left:0;position:absolute;top:0;width:96px}@keyframes hitZak{0%{left:0;transform:translate3d(-1%)}to{left:100%;transform:translateX(-99%)}}.loader.radial{animation:rotate 1s linear infinite;border-radius:50%;display:inline-block;height:48px;position:relative;width:48px}.loader.radial:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.product{align-items:center;animation:product-fadein 1s linear;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 #c7c7c7;cursor:pointer;display:flex;flex-direction:row;padding:8px;transition:background-color .3s ease}.product:hover{background-color:#ececec}.product>.image{height:80px;min-width:80px;width:80px}.product>.image>img{height:100%;object-fit:contain;width:100%}.product .content{padding-left:10px}.product>.content>.name{font-weight:700}.product>.content>.category,.product>.content>.name,.product>.content>.type{font-size:14px;padding:3px 0}.product>.content>.price{font-size:18px;font-weight:700;padding:3px 0}@keyframes product-fadein{0%{opacity:0}to{opacity:1}}.search{height:100%;position:relative;width:100%}.search>.header{align-items:center;background-color:#009eeb;box-shadow:0 1px 3px 0 #696969;display:flex;flex-direction:column;position:absolute;width:100%;z-index:10}.search>.header>.logo{padding-top:10px}.search>.header>.logo>svg{height:60px}.search>.header>.recorder{box-sizing:border-box;margin:0 auto;max-width:600px;padding:10px 30px;width:100%}.search>.header>.loader{display:block;max-width:1000px}.search>.results{bottom:0;overflow-y:auto;position:absolute;top:215px;width:100%}.search>.results>.container{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:10px}.search>.results>.container>.product{margin-bottom:10px}.search>.results>.container>.product:last-child{margin-bottom:0}.search>.results>.empty{box-sizing:border-box;padding:20px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.app{height:100dvh;width:100dvw}.loading{background-color:#009eeb;height:100%;position:relative;width:100%}.loading>.container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.6cd629e4.css.map*/