.sqTipRotator{color:#edf8ff;isolation:isolate;background:radial-gradient(at 100% 0,#0e658d55,#0000 60%),linear-gradient(115deg,#102b42,#0c2031);border:1px solid #245775;border-radius:20px;min-width:0;margin:0 0 24px;position:relative;overflow:hidden}.sqTipRotator .sqTipTrack{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}.sqTipRotator .sqTipTrack::-webkit-scrollbar{display:none}.sqTipRotator .sqTipSlide{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;justify-content:space-between;align-items:center;gap:28px;min-width:0;padding:28px 64px 12px 30px;display:flex}.sqTipRotator .sqTipCopy{min-width:0;max-width:760px}.sqTipRotator .sqTipEyebrow{color:#74d4f6;letter-spacing:1.7px;font-size:10px;font-weight:700;line-height:1.5;display:block}.sqTipRotator h2{color:#f4fbff;margin:10px 0;font-size:clamp(21px,2.1vw,28px);font-weight:700;line-height:1.22}.sqTipRotator p{color:#bdd1e2;max-width:650px;margin:0 0 16px;font-size:14px;line-height:1.6}.sqTipRotator .sqTipAction{color:#7ee1ff;align-items:center;gap:24px;padding:7px 0;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.sqTipRotator .sqTipAction:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.sqTipRotator .sqTipArt{color:#36c4fa;background:linear-gradient(135deg,#1b78a544,#0f253a);border:1px solid #33baf34d;border-radius:28px;flex:0 0 110px;place-items:center;width:110px;height:110px;display:grid;transform:rotate(-6deg);box-shadow:12px 12px #0a8abc0d}.sqTipRotator .sqTipArt svg{width:54px;height:54px;transform:rotate(6deg)}.sqTipRotator button{font:inherit;box-shadow:none;color:#acd4e9;cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;min-height:0;margin:0;padding:0;transition:background .15s,color .15s;display:grid}.sqTipRotator button:hover{color:#fff;background:#42bdf41c}.sqTipRotator :is(button,a):focus-visible{outline-offset:-2px;outline:2px solid #6edfff}.sqTipRotator .sqTipClose{z-index:2;border-radius:50%;width:38px;height:38px;font-size:26px;line-height:1;position:absolute;top:10px;right:10px}.sqTipRotator .sqTipControls{justify-content:center;align-items:center;gap:0;padding:0 20px 12px;display:flex}.sqTipRotator .sqTipDots{align-items:center;gap:0;display:flex}.sqTipRotator .sqTipDots button{width:36px;height:36px;box-shadow:none;background:0 0;border:0;border-radius:0}.sqTipRotator .sqTipDots button:hover,.sqTipRotator .sqTipDots button:active{box-shadow:none;background:0 0;border:0}.sqTipRotator .sqTipDots span{background:#597b91;border-radius:6px;width:6px;height:6px;transition:width .2s,background .2s}.sqTipRotator .sqTipDots [aria-current=true] span{background:#35c9ff;width:20px}@media (max-width:620px){.sqTipRotator{border-radius:17px;margin-bottom:20px}.sqTipRotator .sqTipSlide{align-items:flex-start;gap:0;padding:24px 24px 8px}.sqTipRotator .sqTipEyebrow{letter-spacing:1.1px;max-width:calc(100% - 25px);font-size:9px}.sqTipRotator h2{max-width:95%;margin:12px 0 10px;font-size:23px}.sqTipRotator p{font-size:13px;line-height:1.55}.sqTipRotator .sqTipArt{display:none}.sqTipRotator .sqTipControls{padding:0 15px 12px}.sqTipRotator .sqTipAction{font-size:13px}.sqTipRotator .sqTipClose{width:34px;height:34px;top:8px;right:7px}}@media (prefers-reduced-motion:reduce){.sqTipRotator *{scroll-behavior:auto!important;transition:none!important}}:root .sqTipRotator button.sqTipClose{place-items:center;padding:0;line-height:0;display:grid}:root .sqTipRotator .sqTipClose svg{flex-shrink:0;width:18px;height:18px;margin:0;display:block}
