.spot-card-wrapper{margin-top:6px;max-width:380px}.spot-card{position:relative;padding:12px 14px 14px;border-radius:12px;background-color:#4a7c5926;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;gap:10px;isolation:isolate;color:#f2f3f5}.spot-card:before,.spot-card:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;-webkit-mask:linear-gradient(currentColor 0 0) content-box,linear-gradient(currentColor 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.spot-card:before{background:conic-gradient(from 135deg at 50% 50%,#90ee9040,#90ee9014 60deg,#90ee9005 120deg 240deg,#90ee9014 300deg,#90ee9040 360deg)}.spot-card:after{background:conic-gradient(from 315deg at 50% 50%,#90ee902e,#90ee900f 60deg,#90ee9005 120deg 240deg,#90ee900f 300deg,#90ee902e 360deg)}.spot-card-header{display:flex;align-items:center;gap:8px}.spot-card-tile{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:7px;background-color:#4a7c5959;color:#90ee90e6}.spot-card-label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#90ee90e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-card-heading{display:flex;flex-direction:column;gap:2px}.spot-card-title{font-size:16px;font-weight:600;color:#f2f3f5;overflow-wrap:anywhere}.spot-card-trail{font-size:12px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-card-steps{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.spot-card-step{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:18px;color:#dbdee1}.spot-card-step-number{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:50%;background-color:#ffffff1f;color:#f2f3f5;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.spot-card-step-icon{display:flex;flex-shrink:0;margin-top:2.5px;color:#949ba4}.spot-card-step-text{overflow-wrap:anywhere}.spot-card-show{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;margin-top:2px;background:linear-gradient(135deg,#4a7c59e6,#5a8c69e6);border:1px solid rgba(144,238,144,.3);border-radius:8px;box-shadow:0 2px 8px #4a7c594d;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.spot-card-show:hover{background:linear-gradient(135deg,#5a8c69,#6a9c79);border-color:#90ee9080;box-shadow:0 4px 12px #4a7c5966}.spot-card-show:active{opacity:.6;transform:scale(.97)}.spot-card-show-icon{display:flex}.spot-card-note{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:18px;color:#b5bac1}.spot-card-note-icon{display:flex;flex-shrink:0;margin-top:2px;color:#949ba4}.spot-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.spot-preview-tile{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background-color:#4a7c5959;color:#90ee90e6}.spot-preview-text{display:flex;flex-direction:column;gap:2px;min-width:0}.spot-preview-trail{font-size:11px;font-weight:600;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-preview-title{font-size:16px;font-weight:700;color:#f2f3f5}