@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@1,400;1,700&display=swap);body{height:100vh;margin:0;padding:0}#app{flex-direction:column;height:100%;font-size:1.125rem;line-height:1.75rem;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0463f5}#app,#app #header{display:flex;align-items:center;justify-content:space-between}#app #header{max-width:36rem;width:100%}#app #header h1#title{margin:0;padding:2rem;font-family:"Noto Serif",serif}#app #header .icon,#app #header h1#title{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}#app #header .icon{height:1.75rem;margin-right:2rem;width:1.75rem}@media (min-width:768px){#app #header .icon,#app #header h1#title{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}#app div#content{flex-grow:1;max-width:36rem;width:100%}#app .icon{height:1.25rem;width:1.25rem}#app input[type=text]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:.25rem;border-width:0;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem;padding-right:.5rem}#app input[type=text]::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}#app input[type=text]:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}#app input[type=text]::placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}#app input[type=text]{position:relative;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity));width:100%}#app input[type=text]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}#app input[type=color]{border-width:0;height:2rem;outline:2px solid transparent;outline-offset:2px;padding:0}#app input[type=color]::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}#app input[type=color]:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}#app input[type=color]::placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}#app input[type=color]{position:relative;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.products{background-color:rgba(229,231,235,var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;flex-direction:column;height:100%;padding-top:.25rem;padding-bottom:.25rem}.products,.products .product{--tw-bg-opacity:1;display:flex}.products .product{background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:.75rem;align-items:center;justify-content:space-between;font-size:1.125rem;line-height:1.75rem;margin:.5rem;padding-top:.75rem;padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem;--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.products .product .name{display:flex;align-items:center}.products .product .name .abbreviation{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity));border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;margin-right:.75rem;padding:.5rem;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));width:1.5rem;aspect-ratio:1/1}.products .product .name span{--tw-text-opacity:1;color:rgba(30,58,138,var(--tw-text-opacity));font-style:italic}.products .product .name input:focus{font-weight:700;font-size:1.125rem;line-height:1.75rem}.products .product .icon,.products .product .name input:focus{--tw-text-opacity:1;color:rgba(30,58,138,var(--tw-text-opacity))}.products .product .icon:hover{cursor:pointer;--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.products .product .actions{display:flex}