.route-skeleton{width:100%;min-width:0;padding:clamp(10px,2vw,24px)}.route-skeleton__head{gap:12px;margin-bottom:16px;display:flex}.route-skeleton__head>i{border-radius:10px;flex:1;height:52px}.route-skeleton__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.route-skeleton__panels>i{border:1px solid #3be08226;border-radius:12px;min-height:160px}.route-skeleton[data-shape=table] .route-skeleton__panels{grid-template-columns:1fr;gap:8px}.route-skeleton[data-shape=table] .route-skeleton__panels>i{min-height:64px}.route-skeleton[data-shape=account] .route-skeleton__head>i{height:120px}.route-skeleton[data-shape=pitch] .route-skeleton__head>i{height:84px}.route-skeleton[data-shape=pitch] .route-skeleton__body{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.route-skeleton[data-shape=pitch] .route-skeleton__panels{grid-template-columns:1fr}.route-skeleton[data-shape=pitch] .route-skeleton__panels>i{min-height:60px}.route-skeleton__pitch{isolation:isolate;background:repeating-linear-gradient(90deg,#0b2918 0% 12.5%,#10331f 12.5% 25%);border:1px solid #3be08250;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:550px;padding:24px 12px 8px;display:flex;position:relative}.route-skeleton__markings{z-index:-1;border:2px solid #a8e8bd35;position:absolute;inset:12px}.route-skeleton__markings:before{content:"";border-top:2px solid #a8e8bd35;position:absolute;top:50%;left:0;right:0}.route-skeleton__markings:after{content:"";border:2px solid #a8e8bd35;border-radius:50%;height:20%;position:absolute;top:40%;left:35%;right:35%}.route-skeleton__line{justify-content:space-evenly;gap:12px;display:flex}.route-skeleton__line>i{aspect-ratio:.7;border:1px solid #3be08240;border-radius:8px;width:19%;max-width:85px}.route-skeleton__pitch-actions{justify-content:space-between;margin-top:12px;display:flex}.route-skeleton__pitch-actions>i{border-radius:6px;width:26%;height:35px}@media (max-width:700px){.route-skeleton__panels{grid-template-columns:1fr}.route-skeleton__head{gap:8px}.route-skeleton[data-shape=pitch] .route-skeleton__body{display:block}.route-skeleton[data-shape=pitch] .route-skeleton__panels{display:none}.route-skeleton[data-shape=pitch] .route-skeleton__head>i{height:64px}.route-skeleton__pitch{min-height:440px}}
