@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;500;600;700&display=swap);body{font-family:DM Sans,sans-serif}option{color:#000}:root{--primary-orange:#ff8100;--secondary-orange:#ff9635;--light-orange:#ffe4cc;--dark-text:#1d1d1f;--gray-text:#86868b;--background:#fafafa;--card-bg:#fff;--card-shadow:0 8px 20px #0000000d;--card-radius:16px;--transition-ease:cubic-bezier(0.23,1,0.32,1)}*{box-sizing:border-box;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}body{background-color:#fafafa;background-color:var(--background);color:#1d1d1f;color:var(--dark-text)}.freight-selection-container{display:flex;justify-content:center;min-height:100vh;padding:40px 24px}.content-wrapper{flex-direction:column;max-width:1400px;width:100%}.back-button,.content-wrapper{align-items:center;display:flex}.back-button{align-self:flex-start;background:#0000;border:none;border-radius:50%;color:#ff8100;color:var(--primary-orange);cursor:pointer;height:40px;justify-content:center;margin-bottom:20px;transition:background-color .3s cubic-bezier(.23,1,.32,1);transition:background-color .3s var(--transition-ease);width:40px}.back-button:hover{background-color:#ff81001a}.page-header{margin-bottom:60px;text-align:center}.page-header h1{font-size:54px;font-weight:700;letter-spacing:-.5px;line-height:1.1;margin-bottom:16px}.title-primary{color:#1d1d1f;color:var(--dark-text);display:block}.title-accent{color:#ff8100;color:var(--primary-orange);display:block}.subtitle{color:#86868b;color:var(--gray-text);font-size:20px;margin:0 auto;max-width:600px}.freight-grid{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center;width:100%}.freight-card{background-color:#fff;background-color:var(--card-bg);border-radius:16px;border-radius:var(--card-radius);box-shadow:0 8px 20px #0000000d;box-shadow:var(--card-shadow);cursor:pointer;flex:1 1;max-width:240px;min-width:0;overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);transition:transform .3s var(--transition-ease),box-shadow .3s var(--transition-ease)}.card-content{display:flex;flex-direction:column;height:100%;padding:20px}.image-container{align-items:center;display:flex;height:90px;justify-content:center;margin-bottom:15px}.image-container img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s var(--transition-ease)}.freight-card:hover .image-container img{transform:scale(1.05)}.freight-card h3{color:#1d1d1f;color:var(--dark-text);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.freight-card p{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#86868b;color:var(--gray-text);display:-webkit-box;flex-grow:1;font-size:12px;line-height:1.4;overflow:hidden}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ff81001a;border-left:4px solid var(--primary-orange);border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{align-items:center;animation:fadeIn .25s ease-out;background:#00000040;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:90%;padding:40px 32px;position:relative;text-align:center;width:380px}@keyframes slideUp{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{color:#1d1d1f;font-size:22px;font-weight:600;letter-spacing:-.3px;line-height:1.3;margin-bottom:8px}.modal-content p{color:#6e6e73;font-size:15px;font-weight:400;letter-spacing:-.1px;line-height:1.5;margin-bottom:0}.modal-close{align-items:center;background:#7878801f;border:none;border-radius:50%;color:#6e6e73;cursor:pointer;display:flex;font-size:22px;font-weight:300;height:30px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:30px}.modal-close:hover{background:#78788033;color:#1d1d1f;transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.modal-overlay.removing{animation:fadeOut .25s ease-out forwards}.modal-content.removing{animation:slideDown .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOut{to{opacity:0}}@keyframes slideDown{to{opacity:0;transform:scale(.96) translateY(10px)}}@media (max-width:1200px){.freight-card{max-width:200px}.card-content{padding:15px}.image-container{height:80px}}@media (max-width:1000px){.freight-card{max-width:170px}.image-container{height:70px}.freight-card h3{font-size:14px}.freight-card p{font-size:11px}}@media (max-width:900px){.page-header h1{font-size:40px}.subtitle{font-size:18px}}@media (max-width:768px){.freight-grid{flex-wrap:wrap;justify-content:center}.freight-card{flex-basis:calc(33.333% - 15px);flex-grow:0;flex-shrink:0;max-width:160px}.page-header h1{font-size:36px}.subtitle{font-size:16px}}@media (max-width:600px){.freight-grid{gap:15px}.freight-card{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;max-width:none}}@media (max-width:480px){.page-header{margin-bottom:40px}.page-header h1{font-size:30px}.freight-grid{flex-direction:column;gap:15px;width:100%}.freight-card{flex:1 1;max-width:100%;width:100%}.card-content{align-items:center;flex-direction:row;gap:15px;padding:20px}.image-container{flex-shrink:0;height:60px;margin-bottom:0;width:60px}.text-content{flex-grow:1}.freight-card h3{font-size:16px;margin-bottom:4px}.freight-card p{font-size:12px}.modal-content{border-radius:18px;padding:32px 24px;width:92%}.modal-content h3{font-size:20px}.modal-content p{font-size:14px}}
/*!
 * https://github.com/arqex/react-datetime
 */.rdt{position:relative}.rdtPicker{background:#fff;border:1px solid #f9f9f9;box-shadow:0 1px 3px #0000001a;display:none;margin-top:1px;min-width:250px;padding:4px;position:absolute;z-index:99999!important}.rdtOpen .rdtPicker{display:block}.rdtStatic .rdtPicker{box-shadow:none;position:static}.rdtPicker .rdtTimeToggle{text-align:center}.rdtPicker table{margin:0;width:100%}.rdtPicker td,.rdtPicker th{height:28px;text-align:center}.rdtPicker td{cursor:pointer}.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover{background:#eee;cursor:pointer}.rdtPicker td.rdtNew,.rdtPicker td.rdtOld{color:#999}.rdtPicker td.rdtToday{position:relative}.rdtPicker td.rdtToday:before{border-bottom:7px solid #428bca;border-left:7px solid #0000;border-top-color:#0003;bottom:4px;content:"";display:inline-block;position:absolute;right:4px}.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 #00000040}.rdtPicker td.rdtActive.rdtToday:before{border-bottom-color:#fff}.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker td span.rdtOld{color:#999}.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker th{border-bottom:1px solid #f9f9f9}.rdtPicker .dow{border-bottom:none;cursor:default;width:14.2857%}.rdtPicker th.rdtSwitch{width:100px}.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev{font-size:21px;vertical-align:top}.rdtNext span,.rdtPrev span{-webkit-touch-callout:none;display:block;-webkit-user-select:none;user-select:none}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{background:none;color:#999;cursor:not-allowed}.rdtPicker thead tr:first-of-type th{cursor:pointer}.rdtPicker thead tr:first-of-type th:hover{background:#eee}.rdtPicker tfoot{border-top:1px solid #f9f9f9}.rdtPicker button{background:none;border:none;cursor:pointer}.rdtPicker button:hover{background-color:#eee}.rdtPicker thead button{height:100%;width:100%}td.rdtMonth,td.rdtYear{cursor:pointer;height:50px;width:25%}td.rdtMonth:hover,td.rdtYear:hover{background:#eee}.rdtCounters{display:inline-block}.rdtCounters>div{float:left}.rdtCounter{height:100px;width:40px}.rdtCounterSeparator{line-height:100px}.rdtCounter .rdtBtn{-webkit-touch-callout:none;cursor:pointer;display:block;height:40%;line-height:40px;-webkit-user-select:none;user-select:none}.rdtCounter .rdtBtn:hover{background:#eee}.rdtCounter .rdtCount{font-size:1.2em;height:20%}.rdtMilli{padding-left:8px;vertical-align:middle;width:48px}.rdtMilli input{font-size:1.2em;margin-top:37px;width:100%}.rdtTime td{cursor:default}
/*# sourceMappingURL=main.c03decf5.css.map*/