| 1 |
.frm-checklist{width:316px;height:400px;overflow:hidden}.frm-checklist,.frm-checklist *,.frm-checklist *::before,.frm-checklist *::after{box-sizing:border-box}.frm-checklist p,.frm-checklist span{font-size:var(--text-xs)}.frm-checklist__header .frmsvg{transition:transform 200ms ease-out 50ms}.frm-checklist__progress-bar{height:8px}.frm-checklist__progress-fill{width:0}.frm-checklist__dismiss{height:50px;border-top:1px solid var(--grey-100) !important;cursor:pointer;transition:height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-checklist__dismiss>span{transition:color 150ms ease-out}.frm-checklist__dismiss:hover>span{color:var(--grey-600) !important}.frm-checklist__completed{height:100%}.frm-checklist__completed p{color:var(--grey-800);margin:0}.frm-checklist__step-status{height:16px;width:16px;border-radius:50%;border:1.5px dashed var(--grey-400)}.frm-checklist__step-description{background-color:var(--grey-50);border-radius:var(--small-radius);line-height:var(--leading);display:none}.frm-checklist__step--active .frm-checklist__step-title,.frm-checklist__step--active .frm-checklist__step-title a{font-weight:600;color:var(--grey-800)}.frm-checklist__step--active .frm-checklist__step-description{display:block}.frm-checklist__step--completed .frm-checklist__step-status{background-color:var(--success-500);border-style:solid;border-color:var(--success-500)}.frm-checklist--collapsed{height:auto}.frm-checklist--collapsed .frm-checklist__steps{display:none}.frm-checklist--collapsed .frm-checklist__dismiss{height:0;overflow:hidden}.frm-checklist--collapsed .frm-checklist__header .frmsvg{transform:rotate(-180deg)}.frm-spotlight{--fadeout-time: 25ms;position:fixed;cursor:default}.frm-spotlight[data-placement=right]{transform:translateY(-50%)}.frm-spotlight[data-placement=bottom]{transform:translateX(-50%)}.frm-spotlight>*{flex:0 0 auto}.frm-spotlight__content{position:relative;box-sizing:border-box;flex-shrink:0;width:242px;border:1px solid var(--grey-200);overflow:visible}.frm-spotlight__content::after{content:"";position:absolute;width:11px;height:11px;background-color:inherit;transform:translateY(-50%) rotate(45deg);border-left:1px solid var(--grey-200);border-radius:2px}.frm-spotlight[data-placement=right] .frm-spotlight__content::after{top:50%;left:-6px;transform:translateY(-50%) rotate(45deg);border-bottom:1px solid var(--grey-200)}.frm-spotlight[data-placement=bottom] .frm-spotlight__content::after{top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);border-top:1px solid var(--grey-200)}.frm-spotlight__pointer{box-sizing:border-box;width:14px;height:14px;background-color:var(--grey-600);padding:3px;border-radius:50%}.frm-spotlight[data-placement=right] .frm-spotlight__pointer{margin-right:var(--gap-2xs)}.frm-spotlight[data-placement=bottom] .frm-spotlight__pointer{margin-bottom:var(--gap-2xs)}.frm-welcome-tour .frm-checklist{position:fixed;right:var(--gap-md);bottom:var(--gap-sm);z-index:9999} |
