body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.skip-card{background-color:#2a2a2a;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000004d;cursor:pointer;margin:.5rem;overflow:visible;position:relative;transition:all .3s ease;width:320px;z-index:1}.skip-card:hover{box-shadow:0 8px 16px #00000080;transform:translateY(-4px);z-index:2}.skip-card.selected{border-color:#007bff;box-shadow:0 0 12px #007bff66}.skip-image{align-items:center;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-bottom:2px solid #333;border-radius:10px 10px 0 0;display:flex;height:180px;justify-content:center;position:relative}.skip-image img{height:100%;object-fit:contain;padding:1rem;transition:transform .3s ease;width:100%}.skip-card:hover .skip-image img{transform:scale(1.05)}.yard-badge{background-color:#007bff;border-radius:6px;color:#fff;font-weight:700;padding:4px 8px;right:12px}.warning-labels,.yard-badge{position:absolute;top:12px;z-index:2}.warning-labels{display:flex;flex-direction:column;gap:6px;left:12px}.warning-label{background-color:#dc3545f2;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.7rem;padding:4px 8px;white-space:nowrap}.skip-info{border-radius:0 0 10px 10px;padding:1rem 1.2rem}.main-info{grid-gap:1rem;align-items:flex-start;display:grid;gap:1rem;grid-template-columns:auto 1fr;margin-bottom:.5rem}.title-group{text-align:left}.yard-size{color:#fff;display:block;font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.3rem}.hire-period{color:#888;font-size:.9rem;margin:.2rem 0 0;padding-left:.8rem;position:relative}.hire-period:before{background-color:#007bff;border-radius:50%;content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.skip-details{background-color:#222;border-radius:8px;color:#b0b0b0;font-size:.9rem;margin:1rem 0;padding:.8rem}.skip-details p{display:flex;justify-content:space-between;margin:.3rem 0}.price-container{justify-content:flex-end;justify-self:end;position:relative;text-align:right;z-index:3}.price-button,.price-container{align-items:center;display:flex}.price-button{background:linear-gradient(90deg,#007bff0d,#007bff1a);border:none;border-radius:8px;cursor:pointer;gap:.5rem;padding:.5rem .8rem;transition:all .2s ease}.price-button:hover{background:linear-gradient(90deg,#007bff1a,#007bff26)}.price{color:#0f8;font-size:1.6rem;font-weight:700;line-height:1}.price-info-icon{color:#888;font-size:1.2rem;transition:color .2s ease}.price-button:hover .price-info-icon{color:#007bff}.price-popup{animation:fadeIn .2s ease;border:1px solid #333;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 -4px 24px #0000004d;min-width:220px;padding:12px 16px;right:0;z-index:4}.price-popup,.price-popup:before{background-color:#1a1a1a;position:absolute}.price-popup:before{border-bottom:1px solid #333;border-right:1px solid #333;bottom:-6px;box-shadow:2px 2px 5px #0000001a;content:"";height:12px;right:20px;transform:rotate(45deg);width:12px}.price-breakdown{position:relative;z-index:1}.breakdown-item{align-items:center;color:#ccc;display:flex;font-size:.9rem;justify-content:space-between;padding:.4rem 0;transition:all .2s ease}.breakdown-item.per-tonne,.breakdown-item.transport{border-top:1px dashed #444;color:#ff9800;font-style:italic;margin-top:.4rem;padding-top:.8rem}.breakdown-item.total{border-top:1px solid #444;color:#0f8;font-weight:700;margin-top:.8rem;padding-top:.8rem}.price-tooltip{background-color:#222222fa;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 4px 8px #0003;color:#fff;font-size:.85rem;opacity:0;padding:10px 14px;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000;z-index:10}.price-tooltip,.price-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.price-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #222222fa;bottom:-6px;content:""}.price-container:hover .price-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.price-tooltip p{margin:.2rem 0;text-align:left}.price-toggle{align-items:center;color:#2ecc71;cursor:pointer;display:inline-flex;font-size:.9rem;gap:4px;margin-left:8px}.price-toggle svg{transition:transform .3s ease}.price-toggle.expanded svg{transform:rotate(180deg)}.select-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.8rem;transition:background-color .3s ease;width:100%}.select-button:hover{background-color:#0056b3}.select-button.selected{background-color:#28a745}.transport-info{color:gold;font-size:.85rem;margin-top:.8rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.skip-card{max-width:280px;width:100%}.skip-image{height:160px}.price-tooltip{bottom:calc(100% + 10px);top:auto}.price-tooltip,.price-tooltip:after{left:50%;right:auto;transform:translateX(-50%)}.price-tooltip:after{border:6px solid #0000;border-bottom:none;border-top-color:#222222fa;top:100%}}.skip-container{margin:0 auto;max-width:1200px;padding:2rem}.skip-header{margin-bottom:2rem;text-align:center}.skip-header h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.skip-header p{color:#b0b0b0;font-size:1.1rem}.skip-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;margin:0 auto;max-width:1400px;padding:.5rem}@media (max-width:768px){.skip-container{padding:1rem}.skip-header h1{font-size:2rem}.skip-grid{gap:1rem;grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh;padding:2rem 0;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f91ed743.css.map*/