a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;margin-bottom:3rem;overflow:auto}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey}body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb:hover{background:#aaa}.App{display:flex;flex-direction:column;padding-bottom:4rem}.App header{position:relative}.App header .logo-nav-bar{bottom:0;display:flex;height:3rem;left:3.5vw;margin:auto;position:absolute;top:0}.dark-subtitle{color:#000;font-family:Roboto,sans-serif;font-size:clamp(1rem,4.3vw,1.2rem);font-weight:600;letter-spacing:.22px;margin-bottom:1rem;padding:.5rem 1rem .5rem 5rem;text-align:right;width:-webkit-max-content;width:max-content}.dark-subtitle__text-color-primary{color:#0275d8}.dark-subtitle__text-color-success{color:#1b9e43}.dark-subtitle__text-color-lucky{color:#8250df}.dark-subtitle__text-color-warning{color:#ff9800}.dark-subtitle__text-color-error{color:#ef5350}.dark-subtitle__text-color-info{color:#24baff}.dark-subtitle__text-color-secondary{color:#aaa}.dark-subtitle__text-color-settings{color:#607d8b}.details-component{background-color:#e6e6e6;border:.5px solid #adadad;border-radius:.4rem;display:flex;flex-direction:column;font-size:.8rem;max-width:20rem;padding:.8rem}.details-component>:nth-child(n){line-height:1.2rem}.details-component__title{font-size:1rem;font-weight:700}.details-component__icon{color:#0275d8;padding:0 1rem;position:relative}.details-component__icon svg{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.modal-component{font-family:Roboto,sans-serif;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-component__outline{background-color:rgba(0,0,0,.637);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.modal-component__outline .exit-btn{align-items:center;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:4vw;top:4vw;-webkit-transform:scale(4);transform:scale(4);width:2rem;z-index:9999}.modal-component__outline .exit-btn:hover{opacity:.85}.modal-component__outline .exit-btn:active{opacity:1;-webkit-transform:scale(3.5);transform:scale(3.5)}.modal-component__inline{-webkit-animation:test .3s ease-in-out;animation:test .3s ease-in-out;background-color:#fff;border-radius:5px;border-radius:8px;bottom:0;box-shadow:0 0 10px rgba(0,0,0,.5);color:#8f939a;height:80%;left:0;margin:auto;max-width:1000px;overflow:hidden;position:absolute;right:0;top:0;width:95%;z-index:1}.modal-component__inline svg{-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.493));filter:drop-shadow(1px 1px 1px rgba(0,0,0,.493));margin-right:.5rem;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes test{0%{opacity:0;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes test{0%{opacity:0;-webkit-transform:translateY(-5rem);transform:translateY(-5rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal-component__inline .modal-header{align-items:center;box-shadow:inset 0 5px 15px hsla(0,0%,100%,.164);color:#fff;direction:rtl;display:flex;-webkit-filter:drop-shadow(3px 5px 2px rgba(0,0,0,.212));filter:drop-shadow(3px 5px 2px rgba(0,0,0,.212));font-size:1.2rem;justify-content:center;padding:15px;text-shadow:1px 1px 1px rgba(0,0,0,.493)}.modal-component__inline .--modal-UPDATE{background-color:#0275d8}.modal-component__inline .--modal-CREATE{background-color:#1b9e43}.modal-component__inline .modal-body .submit-btn{bottom:1rem;left:0;margin:auto;position:absolute;right:0;width:-webkit-max-content;width:max-content}.button-component{align-items:center;background-color:#1b9e43;border:none;border-radius:4px;box-shadow:inset 0 5px 7px hsla(0,0%,100%,.178);color:#fff;cursor:pointer;display:block;display:flex;font-size:15px;justify-content:space-between;outline:none;padding:.75rem 1rem;text-align:center}.button-component svg{margin-right:.4rem}.button-component:hover{opacity:.85}.button-component:active{opacity:1}.button-component:disabled{color:#2b2b2b;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.4}.button-component__disabledEffect-false:disabled{color:#fff;-webkit-filter:unset;filter:unset;opacity:1}.bc--success{background-color:#1b9e43}.bc--warning{background-color:#ff9800}.bc--lucky{background-color:#8250df}.bc--error{background-color:#ef5350}.bc--primary{background-color:#0275d8}.bc--info{background-color:#24baff}.bc--secondary{background-color:#aaa}.bc--settings{background-color:#607d8b}.table-component{background-color:#e7ebf0;border-radius:10px;font-family:Roboto,sans-serif;padding:1.2rem 1.5rem}.table-component__table{background-color:#fff;border-radius:5px;box-shadow:1px 2px 2px #a0a0a0}.table-component__table__thead{background-color:#fff}.table-component__table__thead tr{border:1px solid #f1f4f7}.table-component__table__thead tr th{font-size:16px;font-weight:700;padding:1rem;text-align:right}.table-component__table__tbody tr{border:1px solid #e3e7eb}.table-component__table__tbody tr:hover{background-color:#eff2f7}.table-component__table__tbody tr td{font-size:16px;padding:1rem;position:relative}.list-box-component{background-color:#e7ebf0;border-radius:5px;font-family:Roboto,sans-serif;height:200px;margin:auto;overflow-y:hidden;padding:.2rem;position:absolute;right:4.5rem;top:1rem;width:280px;z-index:5}.list-box-component__ul{border-radius:4px;box-shadow:1px 2px 2px #a0a0a0;height:100%;overflow-y:scroll;padding:.3rem 0}.list-box-component__ul::-webkit-scrollbar{width:5px}.list-box-component__ul::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}.list-box-component__ul::-webkit-scrollbar-thumb{background:#818181;border-radius:10px}.list-box-component__ul::-webkit-scrollbar-thumb:hover{background-color:#6d6d6d}.list-box-component__li{background-color:#fff;border:.5px solid #e7ebf0;cursor:pointer;padding:.3rem;text-align:center}.list-box-component__li:hover{background-color:#eff2f7}.page-header-common{font-size:2.5rem;font-weight:700;margin:1.5rem 0 0;padding:.5rem 2rem;text-align:center;text-decoration:underline;width:100%}.text-field-component{background-color:#fff;border:.1px solid #9b9b9b;border-radius:5px;color:#252525;display:block;height:-webkit-max-content;height:max-content;height:2.55rem;max-width:10rem;position:relative;width:-webkit-max-content;width:max-content}.text-field-component__border-color-error{border-color:#ef5350}.text-field-component__border-color-error .text-field-component__label{color:#ef5350!important}.text-field-component__border-color-primary{border-color:#0275d8}.text-field-component__border-color-primary .text-field-component__label{color:#0275d8!important}.text-field-component__border-color-success{border-color:#1b9e43}.text-field-component__border-color-success .text-field-component__label{color:#1b9e43!important}.text-field-component__border-color-lucky{border-color:#8250df}.text-field-component__border-color-lucky .text-field-component__label{color:#8250df!important}.text-field-component__border-color-secondary{border-color:#aaa}.text-field-component__border-color-secondary .text-field-component__label{color:#aaa!important}.text-field-component__border-color-info{border-color:#24baff}.text-field-component__border-color-info .text-field-component__label{color:#24baff!important}.text-field-component__border-color-warning{border-color:#ff9800}.text-field-component__border-color-warning .text-field-component__label{color:#ff9800!important}.text-field-component__border-color-settings{border-color:#607d8b}.text-field-component__border-color-settings .text-field-component__label{color:#607d8b!important}.text-field-component:hover{border:.1px solid #646464!important}.text-field-component__input-field{background:transparent;border:none;color:#646464;font-size:.9rem;height:100%;margin:0;outline:none;padding-right:.75rem;text-align:right;width:100%}.text-field-component__label,.text-field-component__label-background{align-items:center;bottom:0;color:#252525;cursor:text;display:flex;font-size:.95rem;height:-webkit-max-content;height:max-content;justify-content:center;margin:auto;padding:2px 6px;position:absolute;right:.2rem;top:-1px;transition:all .1s;width:-webkit-max-content;width:max-content;z-index:5}.text-field-component .label-open{color:#3b3b3b;font-size:12px;font-weight:bolder;padding:2px 5px;right:-.25rem;top:-3.56rem}.text-field-component__label-background{background-color:hsla(0,0%,100%,0);color:transparent;font-size:12px;right:.5rem;top:-3.5rem;transition:all 0s;z-index:4}.text-field-component .label-background-open{transition:all .1s}.text-field-component__error-validate{color:#ef5350;font-size:1rem;position:absolute;right:.3rem;text-align:right;top:3rem;width:100%}.text-field-component input[type=number]{-webkit-appearance:textfield;appearance:textfield}.text-field-component input[type=number]::-webkit-inner-spin-button,.text-field-component input[type=number]::-webkit-outer-spin-button{margin:0 0 0 .4rem;padding:1.1rem .25rem}.disabled-text-field-component{opacity:.3}.error-text-field-component{border:.1px solid #ef5350}.nav-bar{align-items:center;background-image:linear-gradient(0deg,#c80308,#d0130f,#d71d16,#df261c,#e72e22);box-shadow:0 .1rem 2rem #afafaf;display:flex;flex-direction:row-reverse;padding:1rem 3.5vw}.nav-bar__nav-btn{background-color:transparent;border:0;border-radius:.2rem;color:#f5f5f5;cursor:pointer;font-weight:700;margin-left:.5rem;padding:.5rem .6rem;text-decoration:none;transition:all .15s}.nav-bar__nav-btn:hover{background-color:rgba(0,0,0,.257)}.nav-bar__nav-btn:active{background-color:rgba(0,0,0,.501);transition:all 0s}.nav-bar__home-page{background-color:#fff;color:#222;margin-left:1rem;padding:.5rem 1rem;transition:all .25s ease-in-out}.nav-bar__home-page:hover{background-color:#fff;box-shadow:0 0 .4rem #fff}.nav-bar__home-page:active{background-color:#fff}.logo{margin-left:30rem;margin-right:30rem;width:55%}.parameter-control__on-action{align-items:center;-webkit-animation:sync-rotate-anim 1.3s linear infinite;animation:sync-rotate-anim 1.3s linear infinite;display:flex;justify-content:center;margin-right:.6rem;transition:all .2s}@-webkit-keyframes sync-rotate-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sync-rotate-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.parameter-control__on-action svg{font-weight:700;margin:0;-webkit-transform:scale(1.4);transform:scale(1.4)}.parameter-control__sync-button{height:0;margin:0;opacity:0;padding:0;width:0}.parameter-control__sync-feedback{font-size:1rem;font-weight:bolder;position:absolute;text-shadow:.1px .1px .1px rgba(0,0,0,.199);-webkit-transform:translateY(10px);transform:translateY(10px)}.parameter-control__sync-feedback--success{color:#1b9e43}.parameter-control__sync-feedback--faild{color:#ef5350}
/*# sourceMappingURL=main.bd65e72d.css.map*/