#travelPage .travel-intro{padding:4px 5px 14px}.travel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.travel-heading-row h2{margin:4px 0}.travel-heading-row .primary-button{margin:0;padding:10px 12px;font-size:12px;white-space:nowrap}.travel-tools-card{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;background:linear-gradient(145deg,#0c4f89,#1688cf);border-radius:20px;padding:15px;margin:0 0 12px;color:#fff;overflow:hidden}.travel-tools-card .section-label{color:#bfe7ff}.compass-tool{text-align:center}.pro-compass{width:178px;height:178px;margin:7px auto 5px;position:relative;border-radius:50%;background:#0a315b;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 2px #76c8f6,0 3px 10px #00345d77}.compass-ring{position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#dbf4ff 0deg 1deg,transparent 1deg 5deg);transition:transform .28s linear}.compass-ring::before{content:"";position:absolute;inset:19px;border-radius:50%;background:#0a315b;border:1px solid #6db9e5}.compass-ring b,.compass-ring small{position:absolute;z-index:1;color:#fff;font-family:inherit}.compass-ring b{font-size:28px}.ring-n{top:18px;left:50%;transform:translateX(-50%);color:#ffd44d!important}.ring-e{right:20px;top:50%;transform:translateY(-50%)}.ring-s{bottom:17px;left:50%;transform:translateX(-50%)}.ring-w{left:20px;top:50%;transform:translateY(-50%)}.compass-ring small{font-size:9px;color:#bfe7ff}.degree-0{top:37px;left:50%;transform:translateX(-50%)}.degree-90{right:37px;top:50%;transform:translateY(-50%)}.degree-180{bottom:37px;left:50%;transform:translateX(-50%)}.degree-270{left:37px;top:50%;transform:translateY(-50%)}.heading-notch{position:absolute;z-index:4;top:5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:16px solid #ff4d3c}.compass-cross{position:absolute;z-index:3;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%)}.compass-cross::before,.compass-cross::after{content:"";position:absolute;background:#effaff}.compass-cross::before{width:2px;height:52px;left:25px}.compass-cross::after{width:52px;height:2px;top:25px}.compass-cross span{position:absolute;z-index:1;width:13px;height:13px;background:#f6fbff;border-radius:50%;left:20px;top:20px;box-shadow:0 0 0 3px #75bee8}.compass-reading{display:flex;justify-content:center;gap:7px;align-items:baseline}.compass-reading strong{font-size:20px}.compass-reading b{font-size:17px;color:#ffe070}.compass-tool>#travelCompassStatus{display:block;font-size:10px;color:#c8ecff;margin-top:3px}.pro-compass.compass-active{box-shadow:inset 0 0 0 3px #ffe070,0 3px 12px #00345d88}.sun-tool{display:flex;flex-direction:column;justify-content:center;text-align:center}.sun-time-route{display:flex;align-items:flex-end;gap:5px;margin:20px 0 2px;font-size:11px;font-weight:800}.sun-time-arc{position:relative;flex:1;height:62px;border-top:4px solid #ffd044;border-radius:50% 50% 0 0;margin-bottom:5px}.sun-time-arc b{position:absolute;top:-21px;left:50%;transform:translateX(-50%);font-size:10px;color:#ffe89c}.travel-sun-position{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbd1 0 17%,#ffe14e 20% 64%,#f58f18 68%);box-shadow:0 0 0 4px #fff6b977,0 2px 4px #00345d77;transform:translate(-50%,-50%);transition:left .5s,top .5s}.sun-labels{display:flex;justify-content:space-between;color:#d7f1ff;font-size:10px}.sun-tool>p{font-size:11px;margin:14px 0 0;color:#fff;font-weight:700}@media(max-width:390px){.travel-tools-card{padding:11px;gap:5px}.pro-compass{width:154px;height:154px}.compass-ring b{font-size:23px}.travel-heading-row .primary-button{font-size:10px;padding:9px}.sun-time-route{margin-top:13px}.sun-time-arc{height:55px}}