*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%;overflow:hidden}body{font-family:Roboto,sans-serif;font-size:1.6rem;display:flex;overflow-x:hidden}.wrapper{width:100%;max-width:1200px;margin:0 auto}.main-content{background-color:#fff;flex:1;justify-content:center;margin-left:4em;display:flex;overflow:hidden}.button{text-transform:uppercase;letter-spacing:1px;color:#fff;cursor:pointer;background-color:#0b100a;border:1px solid #0b100a;border-radius:4px;margin:.6em;padding:.5em;font-size:1.5rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 1px 10px 1px #0000005d}.button:before{content:"";opacity:0;background:linear-gradient(90deg,#0000008c,gray);width:100px;height:80px;transition:left .4s ease-in-out,opacity .2s ease-in-out;position:absolute;top:-15px;left:-110px;transform:rotate(15deg)}.button:hover:before{opacity:1;left:250px}.title__box{background-color:#0b100a;min-width:12em;margin:2em;position:relative;box-shadow:0 3px 5px #0000005d}.title__box .title{color:#d8dbd3;text-transform:uppercase;text-align:center;letter-spacing:2px;padding:.5em;font-weight:800}.title__box:before{content:"";z-index:9;background-color:#fff;width:100px;height:150px;position:absolute;top:-35px;left:-72px;transform:rotate(10deg)}.title__box:after{content:"";z-index:9;background-color:#fff;width:100px;height:150px;position:absolute;top:-40px;right:-72px;transform:rotate(10deg)}.nav{text-transform:uppercase;letter-spacing:1px;color:#fff;z-index:110;background-color:#0b100a;justify-content:center;width:4em;height:100vh;font-weight:700;transition:width .5s ease-in-out;display:flex;position:fixed}.nav__items{margin-top:2em;list-style:none}.nav__items-item{flex-direction:row;margin-bottom:2em}.nav__link{color:#d8dbd3;justify-content:center;align-items:center;padding:.5em;font-size:3rem;text-decoration:none;transition:color .3s,transform .3s,font-size .6s;display:flex}.nav__link:hover{color:#fff;transform:scale(1.1)}.nav__link-text{display:none}.nav .fa-solid{transition:margin-right .3s}.nav .button-hold-nav{color:#fff;background:0 0;border:none;padding:.4em;position:absolute;top:0;right:0;transform:rotate(30deg)}.nav-holded{width:10em}.nav-holded .nav__link{font-size:1.5rem}.nav-holded .fa-solid{margin-right:5px}.nav-holded .nav__link-text{display:flex}.main-content .tasks{flex-direction:column;justify-content:center;align-items:center;display:flex}.main-content .tasks__box{z-index:50}.main-content .tasks__box .task{border:1px solid #0b100a;border-radius:10px;justify-content:center;align-items:center;min-width:17em;max-width:18em;min-height:4em;margin:1em;padding:.5em;transition:transform .3s;display:flex;box-shadow:0 1px 10px 1px #0000005d}.main-content .tasks__box .task:hover{transform:scale(1.05)}.main-content .tasks__box .task i{font-size:2rem}.main-content .tasks__box .task p{text-align:center;padding:.2em;font-size:1.5rem}.main-content .section{display:none}.main-content .section.active{display:flex}.main-content .distance{flex-direction:column;align-items:center;width:90%;height:100vh;display:none}.main-content .distance .table-message{text-align:center;margin-top:4em;font-size:1.5rem}.main-content .distance .spinner{border:6px solid #0b100a;border-color:#0b100a #0000;border-radius:50%;width:50px;height:50px;animation:1.3s infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main-content .distance__box{z-index:50;border:2px solid #0b100a;border-radius:4px;flex-direction:column;justify-content:center;width:100%;margin:1em;display:flex;position:relative}.main-content .distance__box-title{text-transform:uppercase;letter-spacing:1px;color:#fff;background-color:#0b100a;justify-content:space-between;align-items:center;width:100%;padding:.5em;font-size:2rem;display:flex}.main-content .distance__box-title .fa-arrow-down{text-align:center;border:1px solid #fff;border-radius:50%;padding:.5em;font-size:1.3rem;transition:transform .3s;transform:rotate(180deg)}.main-content .distance__box-title .active{transform:rotate(0)}.main-content .distance__box .fa-circle-question{cursor:pointer;margin-left:.5em;font-size:2rem;position:relative}.main-content .distance__box .fa-circle-question:hover~.popup{opacity:1;visibility:visible}.main-content .distance__box .popup{content:"Obsługiwane formaty pliku to XLS lub XLSX";opacity:0;visibility:hidden;z-index:100;background-color:#fff;width:250px;height:auto;padding:1em;font-family:Roboto,sans-serif;font-size:1.5rem;transition:opacity .3s ease-in-out,visibility .3s;position:absolute;top:80px;left:10px;box-shadow:2px 2px 10px #0003}.main-content .distance__box .popup .table th,.main-content .distance__box .popup .table td{text-align:center;border:1px solid #0b100a}.main-content .distance__box .form{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;max-height:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out}.main-content .distance__box .form__input{padding:1em 0}.main-content .distance__box .form__select{border:1px solid #0b100a;border-radius:4px;padding:.5em;font-family:Roboto,sans-serif}.main-content .distance .hidden{display:none}.main-content .distance .form__active{pointer-events:auto;opacity:1;max-height:250px}.main-content .distance .table{border-collapse:collapse;table-layout:fixed;z-index:99;min-width:100%;margin-top:1em;font-size:1.5rem}.main-content .distance .table__actions{border:2px solid #0b100a;border-radius:5px;align-items:center;width:100%;padding:.5em;font-size:2rem;display:flex;box-shadow:2px 2px 10px #0003}.main-content .distance .table__actions .fa-arrow-down-short-wide{cursor:pointer;padding:.2em}.main-content .distance .table__actions--search{border:1px solid #0b100a;border-radius:4px;margin:0 10px;padding:.3em}.main-content .distance .table__thread{text-align:center;border-bottom:1px solid #0b100a0b}.main-content .distance .table__thread th{padding:.1em 1em}.main-content .distance .table__body{z-index:99}.main-content .distance .table__body tr{text-align:center;vertical-align:top;height:auto}.main-content .distance .table__body tr td{border-bottom:1px solid #0b100a0b;border-right:1px solid #0b100a0b;padding:.1em 1em}.main-content .distance .table__body tr td:last-child{border-right:none}.main-content .distance .table .loading-city,.main-content .distance .table .loading-street,.main-content .distance .table .unloading-city,.main-content .distance .table .unloading-street{display:none}.main-content .distance .errors-container{z-index:99;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:300px;height:200px;padding:.2em;display:flex;position:fixed;bottom:0;left:60%;transform:translate(-50%)}.main-content .distance .errors-container .msg{opacity:0;text-align:left;z-index:900;background-color:#fff;min-width:100%;margin:.2em;padding:1em;font-size:1.2rem;transition:opacity 1s ease-in-out;box-shadow:2px 2px 4px #00000050}.main-content .distance .errors-container .msg .fa-solid{margin-right:5px;font-size:1.5rem}.main-content .distance .errors-container .msg p{display:inline-block}.main-content .distance .errors-container .show-msg{opacity:1}.main-content .distance .errors-container .fa-triangle-exclamation{color:red}.main-content .distance .errors-container .fa-circle-check{color:#32cd32bb;margin-right:5px}.main-content .distance .pagination{z-index:100;justify-content:space-between;align-items:center;width:100%;margin:2em;display:flex}.main-content .distance .pagination .btn--inline{cursor:pointer;background:0 0;border:none;padding:1em;font-weight:700;transition:transform .3s}.main-content .distance .pagination .btn--inline:hover{transform:scale(1.1)}@media (width>=576px){.title__box .title{padding:.5em 2em}.title__box:before{left:-70px}.title__box:after{right:-70px}.main-content .tasks__box .task{justify-content:space-around;min-width:30em;max-width:30em;min-height:4em;margin:2em 1em;padding:1em}.main-content .tasks__box .task i{font-size:3rem}.main-content .tasks__box .task p{padding:.3em;font-size:2rem}.main-content .distance .spinner{width:100px;height:100px}.main-content .distance .popup{top:80px;left:125px}.main-content .distance .table-message{font-size:2rem}.main-content .distance .table__body td.loading-city,.main-content .distance .table__body td.unloading-city,.main-content .distance .table__body td.loading-street,.main-content .distance .table__body td.unloading-street,.main-content .distance .table__thread th.loading-city,.main-content .distance .table__thread th.unloading-city,.main-content .distance .table__thread th.loading-street,.main-content .distance .table__thread th.unloading-street{display:table-cell}.main-content .distance .errors-container{left:75%}.main-content .distance .errors-container .msg{margin:.5em .2em;padding:1.3em;font-size:1.2rem}}
/*# sourceMappingURL=index.3352f46d.css.map */