.page{background-image:url(/camouflage-pattern.jpg);background-repeat:repeat;background-size:auto;padding:.5rem;position:relative}.page h1{text-align:center;color:#f0f0f0}.page .main{gap:.5rem;display:grid}.page .main .title{background-color:#333;padding:.5rem}.page:before{content:"";z-index:0;background-color:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0}.page .count-form{gap:.5rem;width:100%;margin:0 auto;display:grid}@media screen and (min-width:769px){.page .count-form{grid-template-columns:repeat(5,1fr)}}.page .count-form label{font-weight:700;color:#f0f0f0!important}.page .count-form .ant-form-item{margin-bottom:0;font-weight:700}.page .count-form .ant-form-item .ant-input-number-input{text-align:center;border-radius:.1rem;font-weight:700}.page .count-form .ant-form-item button{font-weight:700}.ant-list-items,.ant-list-items .item-category{gap:.5rem;display:grid}.ant-list-items .item-category .item-title{color:#f0f0f0;text-align:center;background-color:#333;padding:.5rem;font-size:1.5rem;font-weight:700}.ant-list-items .item-category .items-container{gap:.5rem;display:grid}@media screen and (min-width:769px){.ant-list-items .item-category .items-container{grid-template-columns:repeat(3,1fr)}}.ant-list-items .item-category .items-container .item-container{background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:.1rem;grid-template-columns:100px 1fr;align-items:center;gap:.5rem;height:65px;padding:0 .5rem 0 0;display:grid;overflow:hidden}.ant-list-items .item-category .items-container .item-container:hover{cursor:pointer;opacity:.8;background-color:#f0f0f0;border-radius:.3rem;transition:all .3s}.ant-list-items .item-category .items-container .item-container:hover img{filter:grayscale()}.ant-list-items .item-category .items-container .item-container .item-image-container{justify-content:center;align-items:center;display:grid}.ant-list-items .item-category .items-container .item-container .item-image-container .item-image{object-fit:contain;max-width:100%;max-height:100%;padding:.5rem}.ant-list-items .item-category .items-container .item-container strong{-webkit-line-clamp:1;text-overflow:ellipsis;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.native-notification{color:#fff;z-index:1000;opacity:1;background-color:#363c2c;gap:.5rem;padding:.5rem;transition:opacity .5s,transform .5s;display:grid;position:fixed;top:.5rem;right:.5rem;box-shadow:0 2px 5px rgba(0,0,0,.2);border-radius:.3rem!important}@media screen and (max-width:768px){.native-notification{top:.5rem;left:.5rem;right:.5rem}}@media screen and (min-width:769px){.native-notification{width:500px}}.native-notification.fade-out{opacity:0;transform:translateY(-20px)}.native-notification-content{grid-template-columns:50px auto;align-items:center;gap:.5rem;display:grid}.native-notification-content img{object-fit:contain;width:50px;height:50px}.history-section section{color:#f0f0f0;text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.history-section .ant-list-items{gap:.5rem;display:grid}.history-section .ant-list-items .ant-list-item{color:#313c2c;background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:.1rem;padding:.5rem;font-weight:700}.history-section .ant-list-items .ant-list-item:hover{opacity:.8;background-color:#f0f0f0;transition:all .3s}