*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}::-webkit-scrollbar{width:0}:root{--darkBlue:#220640;--orange:#fab504;--lightblue:#79899a;--lowGrey:#f3f1f4;--lowGrey2:#bec3c5;--lowGrey3:hsla(197,6%,76%,.7);--buttonBSh:6px 6px 10px -1px rgba(0,0,0,.15);--linkSh:0 4px 5px -4px rgba(0,0,0,.15),0 -4px 5px -4px rgba(0,0,0,.15);--buttonBShA:-6px -2px 10px -1px hsla(0,0%,100%,.7),inset 4px 4px 6px -1px rgba(0,0,0,.2),inset -4px -4px 6px -1px hsla(0,0%,100%,.7),-1px -1px 0 #fff,1px 1px 0 rgba(0,0,0,.15),0px 12px 10px -10px rgba(0,0,0,.05);--panelWidth:350px}html{color:#bec3c5;color:var(--lowGrey2);font-family:Rubik,sans-serif}.App{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),url(/static/media/background28.4cddfb9ce44ef8f11633.jpg);flex-direction:column;height:100vh;justify-content:center;width:100vw}.App,.main{display:flex}.main{border-radius:30px;box-shadow:15px 15px 30px 2px rgba(0,0,0,.3);height:95%;overflow:hidden;position:relative;width:clamp(320px,90%,1100px)}.left-panel{background:#79899a;background:var(--lightblue);border:3px solid #f3f1f4;border:3px solid var(--lowGrey);border-bottom-left-radius:30px;border-top-left-radius:30px;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2);display:flex;height:100%;position:absolute;transition:.6s;width:350px;width:var(--panelWidth)}.left__panel-items{align-items:center;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:calc(100% - 50px)}.link-block{align-self:flex-start;padding:10px 0;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}li{cursor:pointer;font-size:20px;padding:12px 0 12px 10%}li span{margin-left:10px}li:hover{background:rgba(0,0,0,.1);box-shadow:6px 6px 10px -1px rgba(0,0,0,.15);box-shadow:var(--buttonBSh);color:#fff}li:active{-webkit-transform:scale(.98);transform:scale(.98)}.owner-block{align-items:flex-end;align-self:flex-start;display:flex;margin:10% 0 20px;padding-left:30px;position:relative;width:280px;width:calc(var(--panelWidth) - 70px)}.ownerImg{background:#fab504;background:var(--orange);background-image:url(/static/media/ccc.024eb209f4a72fd2b03d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #f3f1f4;border:2px solid var(--lowGrey);border-radius:50%;box-shadow:6px 6px 10px -1px rgba(0,0,0,.15);box-shadow:var(--buttonBSh);height:60px;width:60px}.ownerName{cursor:pointer;display:flex;font-size:22px;margin-left:10px;padding:5px 0 0;width:180px;width:calc(var(--panelWidth) - 170px)}.stngs{cursor:pointer;position:absolute;right:5px;top:5px;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.stngs:hover{color:#fab504;color:var(--orange);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.stngs:active{-webkit-transform:scale(.95);transform:scale(.95)}.someField{display:flex;flex:1 1 auto;margin-top:20px;min-height:200px;padding:20px 0;position:relative;text-align:center;width:100%}.someFieldItems{background:#f3f1f4;background:var(--lowGrey);border-radius:20px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.5),inset 0 0 4px 0 rgba(0,0,0,.8);display:flex;height:100%;margin-left:20px;width:80%}.someField:after{bottom:0}.someField:after,.someField:before{border-bottom:1px solid hsla(197,6%,76%,.7);border-bottom:1px solid var(--lowGrey3);content:"";left:5%;position:absolute;width:87%}.someField:before{top:0}.addOrder{align-items:center;align-self:flex-start;background:#f3f1f4;background:var(--lowGrey);border-radius:20px;box-shadow:2px 2px 10px -4px #000;color:#220640;color:var(--darkBlue);cursor:pointer;display:flex;flex-direction:column;font-weight:700;margin-left:20px;margin-top:20px;min-height:100px;width:80%}.plus{background:#3082ff;border-radius:50%;height:50px;margin:10px 0;position:relative;width:50px}.plus:before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.plus:after,.plus:before{background:#f3f1f4;background:var(--lowGrey);content:"";height:3px;left:50%;position:absolute;top:50%;width:45%}.plus:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.addOrder:active{box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2);-webkit-transform:scale(.97);transform:scale(.97)}.exit{align-items:center;align-self:flex-end;background:#fab504;background:var(--orange);border-radius:10px;box-shadow:2px 2px 10px -4px #000;color:#f3f1f4;color:var(--lowGrey);cursor:pointer;display:flex;height:30px;justify-content:flex-end;margin-bottom:20px;margin-right:30px;margin-top:20px;padding:10px 20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.exit span{margin-left:7px}.exit:active{box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.2)}.body{border-radius:30px;display:flex;left:0;position:relative;transition:.6s;width:100%;z-index:1}.body:before{background:rgba(243,241,244,.6);height:calc(100% - 40px);top:20px;z-index:-1}.body:after,.body:before{border-bottom-left-radius:30px;border-top-left-radius:30px;content:"";left:0;position:absolute;transition:.6s;width:30px}.body:after{background:rgba(243,241,244,.3);height:calc(100% - 90px);top:45px;z-index:-2}.body.move:before{left:-10px}.body.move:after{left:-18px}.body-field{align-items:center;background:#f3f1f4;background:var(--lowGrey);border-radius:30px;display:flex;flex-direction:column;height:inherit;padding-bottom:20px;position:relative;width:100%}.body.move{left:300px;width:calc(100% - 300px)}.body__top-items{border-top-left-radius:30px;min-height:50px;padding:0 25px;width:100%}.body__top-items,.menu-button{align-items:center;display:flex}.menu-button{cursor:pointer;height:30px;width:30px;
    /*!*position: relative;*!*/z-index:10}.burger-line{position:relative;width:100%}.burger-line,.burger-line:after,.burger-line:before{background:#79899a;background:var(--lightblue);border-radius:2px;height:3px}.burger-line:before{content:"";position:absolute;right:0;top:8px;width:60%}.burger-line:after{bottom:8px;content:"";margin-left:auto;position:absolute;width:60%}.burger-line.move{background:none;transition-delay:.3s,0s}.burger-line:after,.burger-line:before{transition-delay:.3s,.3s,0s,0s;transition-duration:0s,.3s,.3s,0s}.burger-line:before{transition-property:width,top,background,-webkit-transform;transition-property:width,top,transform,background;transition-property:width,top,transform,background,-webkit-transform}.burger-line:after{transition-property:width,bottom,background,-webkit-transform;transition-property:width,bottom,transform,background;transition-property:width,bottom,transform,background,-webkit-transform}.burger-line.move:before{background:#bd4646;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100%}.burger-line.move:after{background:#bd4646;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:100%}.burger-line.move:after,.burger-line.move:before{transition-delay:.3s,0s,.3s,.3s}.top-input-field{align-items:center;border:1px solid #cfcfcf;border-radius:20px;display:flex;margin-left:auto}.top-input{background:none;border:none;outline:none;padding:10px 0;transition:.6s;width:0}.top-input.opn{padding-left:20px;width:160px}.si{cursor:pointer;font-size:34px;margin-left:auto;padding:7px}.ico{z-index:1000}.body-items{display:flex;height:100%;overflow:hidden;position:relative;width:95%}.body__items-main{align-items:center;background:#f3f1f4;background:var(--lowGrey);display:flex;flex-direction:column;height:100%;overflow-y:auto;transition:.6s;width:calc(100% - 315px);z-index:1}.body__items-main.move{width:100%}.body__items-rightBar{background:#fab504;border-radius:30px;color:#fff;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;position:absolute;right:0;width:300px}.body__items-rightBar,.item{align-items:center;display:flex}.item{border-bottom:1px solid hsla(197,6%,76%,.7);border-bottom:1px solid var(--lowGrey3);color:#070809;cursor:pointer;gap:15px;padding:10px 0;width:100%}.item.ps{background:#f3f1f4;background:var(--lowGrey);background:linear-gradient(180deg,#f3f1f4 65%,transparent);border-bottom:none;padding:0 0 15px;position:-webkit-sticky;position:sticky;top:0}.item.ps .itemName{margin:0 auto}.item .itemName{margin-right:auto}.item .itemActive{display:none}.item .itemEDate{text-align:right}@media (max-width:767px){.main{height:100%;width:clamp(320px,100%,1100px)}.body,.main{border-radius:0;border-radius:initial}.body.move{border-radius:30px;left:80%;position:relative;-webkit-transform:scale(.9);transform:scale(.9);width:100%}.body__items-main.move{opacity:0;pointer-events:none}.body.move .body-field{border-radius:30px}.body__top-items{padding:10px 15px}.body-field{border-radius:0;border-radius:initial;padding-bottom:0}.left-panel{border:none;border-bottom-left-radius:0;border-top-left-radius:0;width:100vw}.left__panel-items{width:80%}.someField:after,.someField:before{width:90%}.addOrder,.someFieldItems{margin-left:7.5%;width:85%}.body-items{width:95%}.body__items-rightBar{display:none}.body__items-main{width:100%}}
/*# sourceMappingURL=main.3b3a982b.css.map*/