.cfg{display:flex;align-items:center;gap:2px;padding:4px;border-radius:99px;background:#F7F4F1;box-shadow:inset 0 0 0 1px #E8E2DC;flex:none}
.cfg .cfx{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}
.cfg .fl{display:block;width:20px;height:20px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.1);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.cfg .fl svg{display:block;width:100%;height:100%}
.cfg .cfx:hover .fl,.cfg .cfx:focus-visible .fl{transform:scale(1.12)}
.cfg .cfx.on{background:#fff;box-shadow:0 0 0 1.5px #D7132F,0 4px 10px -4px rgba(215,19,47,.45)}
.cfg .cfx:focus-visible{outline:2px solid #D7132F;outline-offset:2px}
.cfg .cfx::after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);white-space:nowrap;font-size:12px;font-weight:500;color:#fff;background:#1F1F23;border-radius:8px;padding:6px 9px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:70}
.cfg .cfx:hover::after,.cfg .cfx:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.cfg a.cfx:not(:hover) .fl{filter:saturate(.85)}
@media (max-width:1360px){.hdr .nav a{padding-left:9px!important;padding-right:9px!important}.hdr .nav{gap:0!important}}
@media (max-width:1240px){.hdr .nav a{padding-left:7px!important;padding-right:7px!important;font-size:14.5px}.hdr .btn-cta{padding-left:16px!important;padding-right:16px!important}.hdr .acct{width:40px!important;height:40px!important}.cfg .cfx{width:27px;height:27px}.cfg .fl{width:18px;height:18px}}
@media (max-width:700px){.hdr .acct{display:none!important}.cfg{gap:0;padding:3px}.cfg .cfx{width:26px;height:26px}.cfg .fl{width:17px;height:17px}}