body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;padding:10px}.header-container{position:relative;width:100%}.header-container,.shopbot-title{align-items:center;display:flex;justify-content:center}.shopbot-title{flex-direction:row}@font-face{font-family:SiBi-Regular;font-style:normal;font-weight:400;src:local("SiBi-Regular"),url(/static/media/SiBi-Regular.01a0688a474a440db0bf.ttf) format("truetype")}.sibi-text{color:#30bbf7;font-family:SiBi-Regular,sans-serif;font-size:1.45em;font-style:italic;font-weight:700;letter-spacing:.075em;padding-right:5px;text-shadow:-1px 1px 0 #000,1px 1px 0 #000}.genai-text{color:#626262;font-family:Montserrat,sans-serif;font-size:1.55em;font-style:regular;font-weight:700;letter-spacing:-.05em}.menu-component{margin-left:20px}.rec-text{color:#0075ff;font-family:Montserrat,sans-serif;font-size:1em;font-weight:700;letter-spacing:-.05em;margin-top:10px}.prompt-input{font-weight:400;margin-right:5px;padding:5px}.mod-input,.prompt-input{border:1px solid #ccc;border-radius:5px;flex-grow:1;font-family:Roboto-Condensed,sans-serif;font-size:16px;height:auto;resize:vertical}.mod-input{font-weight:500;margin-right:10px;padding:10px}.header-text{font-size:16px}.header-text,.response-text{margin-bottom:10px;margin-top:10px}.response-text{background-color:#fff;border:0 solid #ccc;border-radius:0;color:#000;flex-grow:0;font-family:Roboto-Condensed,sans-serif;font-size:14px;font-style:italic;font-weight:500;margin-right:0;max-width:350px;min-width:325px;padding:5px;resize:vertical;text-align:center}.prompt-container{max-width:350px;position:relative;width:90%}.modify-container,.prompt-container{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0000001a;display:flex;margin:5px auto;padding:5px}.modify-container{max-width:250px;width:100%}.response-container{align-items:center;background-color:#fff;border:0 solid #ccc;border-radius:0;display:flex;flex-direction:column;margin:0 auto;max-width:350px;padding:0;resize:none;width:90%;width:100%}.prompt-input:focus{outline:none}.icon{height:30px;margin-right:0;width:30px}.icon.prompt-icon{background-color:#d9d9d9;margin:0}.color-wheel-icon,.icon.prompt-icon{max-height:30px;max-width:30px;padding:0}.color-wheel-icon{background:#f3f3f3;border:0 solid #ccc;border-radius:0;cursor:pointer;margin-bottom:3px;margin-right:0;outline:none;transform:.2s;transition:.2s}.color-wheel-icondepressed{background-color:#b8b8b8;background-color:#fff;border-color:#757575;margin-right:0;padding:0 1px;padding-block:1px;padding-inline:0 0 0 0}.image-icon{margin:0 0 0 5px;max-height:28px;max-width:28px;opacity:.8;padding-right:0;transition:filter .2s ease}.image-icon,.image-icon-button{background-color:#f0f0f0;border:0;padding-block:0;padding-inline:0}.image-icon-button{margin-left:0;transition:filter .2s ease-in-out}.image-icon-button.animate{transform:scale(.95)}.image-icon-button:not(.animate) .image-icon{filter:grayscale(100%)}.arrow-icon{margin:0 0 0 5px;max-height:28px;max-width:28px;opacity:.8;padding-block:0;padding-inline:0;padding-right:0;transition:filter .2s ease}.arrow-icon,.arrow-icon-button{background-color:#f0f0f0;border:0}.arrow-icon-button{margin-left:0;padding:0;transition:filter .2s ease-in-out}.arrow-icon-button.animate{transform:scale(.95)}.arrow-icon-button:not(.animate) .arrow-icon{filter:grayscale(100%)}.generate-button,.modify-button{align-items:center;background-color:#d9d9d9;border:1px solid gray;border-radius:5px;color:#000;cursor:pointer;display:inline-flex;height:30px;justify-content:center;margin-left:5px;margin-top:0;padding:0 5px}.how-to{align-items:center;display:flex;flex-direction:column;padding:10px}.how-to,.how-to-image{margin:0 auto;max-width:375px}.how-to-image{width:100%}.dismiss-button{align-self:flex-end;background-color:#30bbf7;border-color:#d6d6d6;border-radius:5px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;flex-basis:50%;font-size:16px;margin-left:10px;margin-right:30px;padding:10px;width:120px}.dismiss-button:hover{background-color:#367c39;color:#fff}.our-picks-button{background-color:#b9f4ff;border:1px;border-color:#cfcfcf;border-radius:5px;border-style:solid;box-shadow:0 4px 8px #0000001a;color:#000;cursor:pointer;font-family:arial;font-weight:600;margin:5px auto;max-width:350px;padding:10px 20px;width:60%}.our-pics-button:hover{background-color:#000}.generate-button:hover,.modify-button:hover{background-color:#b9f4ff}.api-response-container{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0000001a;font-family:arial;font-size:.9em;font-weight:500;margin:5px auto;max-width:400px;min-height:30px;padding:0 10px;width:80%}.api-response{color:#000}.custom-image-container{height:auto;margin-top:10px;position:relative;width:auto}.custom-image-placeholder{border-radius:20px;box-shadow:0 2px 4px #0000001a;margin:5px;max-height:308px;max-width:250px;position:relative}.custom-image-placeholder img{border-radius:20px;display:block;height:auto;max-width:100%}.error-message{word-wrap:break-word;border:1px solid #000;border-radius:5px;color:red;font-size:14px;margin:auto;max-width:300px;padding:10px;text-align:center}.find-match-button{float:right;margin-bottom:5px}.boundingBoxStyle{border:2px solid #000;border-radius:10px}.image-placeholder-container{Margin-top:10px;display:flex;flex-wrap:wrap;height:auto;justify-content:space-between;max-width:300px;overflow-y:auto;padding:10px}.image-placeholder{border-radius:10px;box-shadow:0 2px 4px #0000001a;flex-basis:calc(50% - 30px);margin:5px;padding-left:5px;padding-right:5px;text-align:center}.image-container{border-top-left-radius:10px;border-top-right-radius:10px;position:relative}.image-container img,.image-placeholder img{border-top-left-radius:10px;border-top-right-radius:10px;height:auto;width:100%}.search-icon-button{background:#fff;background:#ffffff80;border:none;bottom:3px;cursor:pointer;position:absolute;right:0}.search-icon-button img{height:20px;padding:1px;padding-inline:2px;width:20px}.product-name{font-size:10px;margin-bottom:0;margin-top:5px}.product-details,.product-name{color:#000;font-family:Arial;font-weight:700}.product-details{font-size:.8em}.product-price{color:#888;font-family:Times New Roman,serif;font-size:12px;font-weight:600;margin-bottom:0;margin-top:5px}.color-wheel-icon .icon{display:block;height:30px;transition:opacity .2s;width:30px}.color-wheel-icon.depressed .icon{opacity:.7}.color-picker-container{margin-top:10px;position:relative}.react-color-chrome{border:2px solid #ddd;border-radius:4px;box-shadow:0 2px 6px #0003}.react-color-chrome input{border:1px solid #aaa!important}.response-area{margin-top:20px;width:100%}.container{padding:20px}@media (max-width:768px){.sibi-text{letter-spacing:-.02em}}@media (min-width:768px){.container{padding:40px}}@media (min-width:1024px){.container{padding:60px}}.bounding-box,.bounding-box-styled,.draggable,.resizable{border-radius:5px}.custom-resize-handle{background-color:#45e2ff;border-radius:50%;height:15px;position:absolute;width:15px;z-index:10}.custom-resize-handle-top{left:50%;top:-10px;transform:translateX(-50%)}.custom-resize-handle-right{right:-5px;top:50%;transform:translateY(-50%)}.custom-resize-handle-bottom{bottom:-5px;left:50%;transform:translateX(-50%)}.custom-resize-handle-left{left:-5px;top:50%;transform:translateY(-50%)}.custom-resize-handle-topRight{right:-10px;top:-10px}.custom-resize-handle-bottomRight{bottom:0;right:0}.custom-resize-handle-bottomLeft{bottom:-10px;left:-10px}.custom-resize-handle-topLeft{left:-10px;top:-10px}.loader{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recent-searches-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;left:0;margin-top:5px;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.recent-searches-dropdown h3{color:#3498db;padding-left:10px}.recent-searches-dropdown ul{list-style:none;margin:0;padding:0}.recent-searches-dropdown li{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px}.recent-searches-dropdown li:hover{background-color:#f0f0f0}.recent-searches-dropdown li .remove-search{color:red;cursor:pointer;margin-left:10px}form{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:375px;padding:10px;width:100%}.shopbot-title{font-size:1.2em;margin-top:5px}.header-text,.shopbot-title{font-weight:700;text-align:center}.header-text{word-wrap:break-word;font-style:italic;margin:10px auto;padding-left:40px;padding-right:40px;width:250px}.form-label,.header-text{font-family:Roboto,sans-serif;font-size:18px}.form-label{align-items:flex-start;display:flex;flex-direction:column;font-weight:600;width:100%}label.form-label{margin-bottom:10px}label.form-label .label-name{margin-bottom:30px}label.form-label .label-value{font-size:30px;margin-bottom:30px}input[type=checkbox],input[type=radio]{margin-bottom:5px;margin-right:5px;margin-top:15px}.input-field{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;font-family:Roboto-Condensed,sans-serif;font-size:16px;font-weight:400;height:50px;padding:10px;resize:vertical;width:100%}.input-field:focus{border-color:#4a90e2;outline:none}.form-navigation{display:flex;justify-content:space-between;width:95%}.form-navigation button{background-color:#30bbf7;border-color:#d6d6d6;border-radius:5px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;flex-basis:35%;font-size:16px;margin-left:10px;padding:10px}.form-navigation button:hover{background-color:#367c39}.submit-button{background-color:#555}.submit-button:hover{background-color:#333}.preferences-form div:last-child{margin-bottom:20px}@media (max-width:600px){.form-label,.form-navigation button,.input-field{font-size:18px}.header-text,form{padding:10px;width:80%}}.cropper-container{& img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}}.cropper-dashed{&.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}&.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}}.cropper-center{&:after,&:before{background-color:#eee;content:" ";display:block;position:absolute}&:before{height:1px;left:-3px;top:0;width:7px}&:after{height:7px;left:0;top:-3px;width:1px}}.cropper-line{&.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}&.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}&.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}&.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}}.cropper-point{&.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}&.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}&.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}&.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}&.point-ne{cursor:nesw-resize;right:-3px;top:-3px}&.point-nw{cursor:nwse-resize;left:-3px;top:-3px}&.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}&.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px;@media (min-width:768px){height:15px;width:15px}@media (min-width:992px){height:10px;width:10px}@media (min-width:1200px){height:5px;opacity:.75;width:5px}}&.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;& img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{border-radius:15px;bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;opacity:.5;&.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}&.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}}.cropper-center,.cropper-dashed{display:block;position:absolute}.cropper-center{height:0;left:50%;opacity:.75;top:50%;width:0;&:after,&:before{background-color:#eee;content:" "}&:before{height:1px;left:-3px;top:0;width:7px}&:after{height:7px;left:0;top:-3px;width:1px}}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-canvas img,.cropper-view-box img{pointer-events:none}.cropper-line{background-color:#39f;&.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}&.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}&.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}&.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px;&.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}&.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}&.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}&.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}&.point-ne{cursor:nesw-resize;right:-3px;top:-3px}&.point-nw{cursor:nwse-resize;left:-3px;top:-3px}&.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}&.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px;@media (min-width:768px){height:15px;width:15px}@media (min-width:992px){height:10px;width:10px}@media (min-width:1200px){height:5px;opacity:.75;width:5px}}&.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}}.cropper-invisible{opacity:0}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*# sourceMappingURL=main.835c066a.css.map*/