@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap";.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-enter,.rc-tooltip-zoom-appear{opacity:0;animation-duration:.3s;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-play-state:paused;animation-fill-mode:both}.rc-tooltip-zoom-leave{animation-duration:.3s;animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-play-state:paused;animation-fill-mode:both}.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50%;transform:scale(0)}to{opacity:1;transform-origin:50%;transform:scale(1)}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50%;transform:scale(1)}to{opacity:0;transform-origin:50%;transform:scale(0)}}.rc-tooltip{z-index:1070;visibility:visible;opacity:.9;font-size:12px;line-height:1.5;display:block;position:absolute}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightTop,.rc-tooltip-placement-rightBottom{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftTop,.rc-tooltip-placement-leftBottom{padding:0 9px 0 5px}.rc-tooltip-inner{color:#fff;text-align:left;background-color:#373737;border-radius:6px;min-height:34px;padding:8px 10px;text-decoration:none;box-shadow:0 0 4px #0000002b}.rc-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{border-width:5px 5px 0;border-top-color:#373737;margin-left:-5px;bottom:4px}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{border-width:5px 5px 5px 0;border-right-color:#373737;margin-top:-5px;left:4px}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{border-width:5px 0 5px 5px;border-left-color:#373737;margin-top:-5px;right:4px}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#373737;margin-left:-5px;top:4px}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}body{font-optical-sizing:none;margin:0;padding:0;font-family:Inter,Roboto,Arial,sans-serif}.container{text-align:center;max-width:100%;margin:auto;padding:20px}.searchBar{composes:common-style;margin:20px 0}.stack-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:10px;display:grid}.functionGroup{text-align:center;flex-basis:calc(25% - 20px);width:100%}.header{background-color:#f7f7f7;border-bottom:1px solid #e0e0e0;border-radius:10px;justify-content:space-between;align-items:center;padding:15px;display:flex;box-shadow:-10px -10px 15px #ffffff80,10px 10px 15px #4646461f}.logo-text{flex-shrink:0;margin-right:20px;font-size:24px;font-weight:700}.common-style{border:1px solid #e0e0e0;border-radius:4px;flex-grow:1;margin:0 15px 20px;padding:8px 12px}.save-button,.input-text{composes:common-style}.header h1{margin-bottom:10px;font-size:32px}.box{cursor:pointer;text-align:center;color:#4e4e4e;background-color:#f5f5f5;border-radius:10px;justify-content:center;align-items:center;width:100px;height:100px;margin:10px;padding:10px;font-size:24px;line-height:1;transition:transform .3s,background-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a}.box:hover{background-color:#e0e0e0;box-shadow:5px 5px 15px #0003,-5px -5px 15px #fffc}.product-dropdown:hover{box-shadow:5px 5px 15px #0003,-5px -5px 15px #fffc}.product-dropdown[style*="display: block"]{display:block!important}.box:before{content:"";padding-top:100%;display:block}.product-dropdown{border-radius:10px;width:80%;height:80%;font-size:16px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:3px 3px 10px #0000001a,-3px -3px 10px #ffffffb3}.box:hover .product-dropdown{display:block}.selected{opacity:1;background-color:#e0e0e0}.product-image{object-fit:contain;width:100%;max-width:50px;height:100%;max-height:50px;margin:auto}.navigation{align-items:center;display:flex}.navigation button{color:#f7f7f7;cursor:pointer;opacity:.5;background-color:#898888;border:none;border-radius:5px;margin-left:10px;padding:10px 15px;font-size:16px;transition:background-color .3s,color .3s}.navigation .selected{color:#fff;opacity:1;background-color:#555}.navigation button:first-child{margin-left:0}.navigation button:hover{color:#fff;background-color:#555}.header h2{color:#777;margin-top:20px;font-size:20px}.product-insights-box{background-color:#f5f5f5;border-radius:10px;max-width:none;margin-top:30px;margin-left:auto;margin-right:auto;padding:30px;box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a}.product-insights-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px;font-size:28px}.product-insights-content p{margin-top:15px;margin-bottom:15px;font-size:20px}.community-box{aspect-ratio:1;background-color:#f5f5f5;border-radius:10px;padding:20px;transition:transform .3s,background-color .3s;position:relative;overflow:hidden;box-shadow:0 0 10px #0000001a}.community-box:hover{background-color:#e0e0e0;transform:scale(1.05)}.community-image{object-fit:cover;object-position:center;width:100%;height:100%}.product-insights-image{object-fit:contain;border-radius:10px;width:20%;max-width:500px;margin:20px auto;display:block}.community-layout{justify-content:space-between;align-items:start;gap:10px;display:flex}.left-panel{flex:1;margin:20px}.right-panel{background-color:#e9e9e9;border-radius:10px;flex:1;margin:20px;padding:20px}.category-group{border:.5px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:10px;box-shadow:inset -10px -10px 15px #ffffff80,inset 10px 10px 15px #b5b5b51f}.category-title{color:#3b3b3b;margin-bottom:10px;font-size:1.2em}.category-products{flex-wrap:wrap;gap:10px;display:flex}.logo-image{border-radius:10px;width:auto;height:90px;margin-right:20px;box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a}.product-details-inputs{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:15px;display:flex;box-shadow:0 4px 8px #0000001a}.product-details-inputs input[type=number],.product-details-inputs input[type=date],.product-details-inputs label{background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:8px}.product-details-inputs button{color:#fff;cursor:pointer;background-color:#414141;border:none;border-radius:5px;padding:10px 15px;font-weight:700}.product-details-inputs button:hover{background-color:#a3a5a3}.filtered-products{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;margin-bottom:20px;display:flex}.filtered-product-item{cursor:pointer;background-color:#e0e0e0;border-radius:5px;padding:10px;transition:background-color .2s}.filtered-product-item:hover{background-color:#c8c8c8}@media screen and (width>=600px){.box{width:150px;height:150px}.product-image{max-width:100px;max-height:100px}.container{max-width:1800px}}.category-box{border:.5px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:10px;box-shadow:inset -10px -10px 15px #ffffff80,inset 10px 10px 15px #b5b5b51f}.category-box h3{margin-top:0}.products{flex-wrap:wrap;gap:10px;display:flex}@keyframes progress{0%{width:0%}to{width:100%}}.animate-progress{width:0;animation:.75s ease-in-out forwards progress}