.uxguide-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;margin:0;vertical-align:middle;color:#0d6efd;background-color:transparent;border:0;border-radius:50%;line-height:1;transition:background-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}
.uxguide-trigger i{font-size:1.4rem}
.uxguide-trigger:hover{color:#007bff;background-color:rgba(0,123,255,0.1);text-decoration:none}
.uxguide-trigger:focus,.uxguide-trigger.focus{color:#007bff;background-color:rgba(0,123,255,0.1);text-decoration:none;outline:0;box-shadow:0 0 0 0.15rem rgba(0,123,255,0.25)}
.uxguide-trigger:active{background-color:rgba(0,123,255,0.18)}
.tooltip.uxguide-tooltip{opacity:1}
.tooltip.uxguide-tooltip .tooltip-inner{max-width:none;color:#0d6efd;background-color:#fff;border:1px solid #0d6efd;border-radius:0.25rem;padding:0.25rem 0.5rem;white-space:nowrap;font-size:0.875rem}
.tooltip.uxguide-tooltip.bs-tooltip-left .arrow::before,.tooltip.uxguide-tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color:#0d6efd}
.tooltip.uxguide-tooltip.bs-tooltip-right .arrow::before,.tooltip.uxguide-tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color:#0d6efd}
.tooltip.uxguide-tooltip.bs-tooltip-top .arrow::before,.tooltip.uxguide-tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color:#0d6efd}
.tooltip.uxguide-tooltip.bs-tooltip-bottom .arrow::before,.tooltip.uxguide-tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color:#0d6efd}
.tooltip.uxguide-tooltip.left{padding:0 0.4rem}
.tooltip.uxguide-tooltip.left .arrow{top:50%;right:0;margin-top:-0.4rem;width:0.4rem;height:0.8rem}
.tooltip.uxguide-tooltip.left .arrow::before{left:0;border-width:0.4rem 0 0.4rem 0.4rem;border-left-color:#0d6efd}
.tooltip.uxguide-tooltip.right{padding:0 0.4rem}
.tooltip.uxguide-tooltip.right .arrow{top:50%;left:0;margin-top:-0.4rem;width:0.4rem;height:0.8rem}
.tooltip.uxguide-tooltip.right .arrow::before{right:0;border-width:0.4rem 0.4rem 0.4rem 0;border-right-color:#0d6efd}
.tooltip.uxguide-tooltip.top{padding:0.4rem 0}
.tooltip.uxguide-tooltip.top .arrow{bottom:0;left:50%;margin-left:-0.4rem}
.tooltip.uxguide-tooltip.top .arrow::before{top:0;border-width:0.4rem 0.4rem 0;border-top-color:#0d6efd}
.tooltip.uxguide-tooltip.bottom{padding:0.4rem 0}
.tooltip.uxguide-tooltip.bottom .arrow{top:0;left:50%;margin-left:-0.4rem}
.tooltip.uxguide-tooltip.bottom .arrow::before{bottom:0;border-width:0 0.4rem 0.4rem;border-bottom-color:#0d6efd}
.uxguide-trigger.uxguide-trigger-text{display:inline;width:auto;height:auto;border-radius:0;padding:0;line-height:inherit;color:#0d6efd;text-decoration:underline;vertical-align:baseline}
.uxguide-trigger.uxguide-trigger-text:hover,.uxguide-trigger.uxguide-trigger-text:focus{color:#0a58ca;background-color:transparent;text-decoration:underline;box-shadow:none}
.control-breadcrumb{position:relative}
.uxguide-trigger.uxguide-trigger-breadcrumb{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;width:auto;height:auto;margin:0;padding:0.35rem 1rem;border:0;border-radius:1.4rem;background-color:#5b7796;color:#fff;font-size:1.3rem;font-weight:600;line-height:1.3}
.uxguide-trigger.uxguide-trigger-breadcrumb:hover,.uxguide-trigger.uxguide-trigger-breadcrumb:focus,.uxguide-trigger.uxguide-trigger-breadcrumb.focus{color:#fff;background-color:#4c6680;text-decoration:none;outline:0;box-shadow:0 0 0 0.2rem rgba(91,119,150,0.3)}
.uxguide-trigger.uxguide-trigger-breadcrumb:active{background-color:#41576e}
.control-popup .modal-dialog:has(.uxguide-modal-body){width:80vw;max-width:80vw}
.uxguide-modal-body h2,.uxguide-modal-body h3{margin-top:1.25rem}
.uxguide-modal-body h2:first-child,.uxguide-modal-body h3:first-child{margin-top:0}
.uxguide-modal-body blockquote{margin:1rem 0;padding:0.75rem 1rem;background:#eef5ff;border-left:4px solid #0d6efd;border-radius:3px}
.uxguide-modal-body blockquote>p:last-child{margin-bottom:0}
.uxguide-modal-body table{width:100%;margin:1rem 0;border-collapse:collapse}
.uxguide-modal-body table th,.uxguide-modal-body table td{padding:0.5rem;border:1px solid #dee2e6;vertical-align:top}
.uxguide-modal-body table th{background:#f8f9fa;color:#212529;font-weight:600;text-align:left}
.uxguide-modal-body code{background:#f8f9fa;padding:0.1rem 0.3rem;border-radius:3px}
.uxguide-modal-body img{display:block;max-width:min(100%,760px);height:auto;margin:0.75rem 0;border:1px solid #dee2e6;border-radius:4px}