.jano-family-bar{position:relative;z-index:3;background:#121516;color:#e7e9e1;border-bottom:1px solid #e7e9e126;padding:2px clamp(16px,4vw,64px);font:500 12px/1.4 system-ui,sans-serif;letter-spacing:normal;text-transform:none}
.jano-family-bar nav{display:flex!important;justify-content:flex-start!important;align-items:center;flex-wrap:wrap;gap:0 22px!important;margin:0!important;padding:0!important}
.jano-family-bar a{display:inline-flex!important;align-items:center;min-height:40px;padding:0!important;color:inherit!important;text-decoration:none!important;white-space:nowrap}
.jano-family-bar a[aria-current]{color:#c5f88a!important}.jano-family-bar a:hover{text-decoration:underline!important;text-underline-offset:5px}
.jano-family-footer{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;flex:0 0 100%!important;width:100%!important;margin:0 0 28px!important;padding:0 0 24px!important;border-bottom:1px solid currentColor;font:500 14px/1.5 system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
.jano-family-footer>span{font-size:10px;letter-spacing:.1em;opacity:.65;margin-bottom:10px}
.jano-family-footer a{display:inline-flex!important;align-items:center;min-height:44px;font-size:14px!important;color:inherit!important;text-decoration:none!important;padding:0!important;margin:0!important;white-space:normal!important}
.jano-family-footer a:hover{text-decoration:underline!important;text-underline-offset:4px}.jano-family-footer a[aria-current]{font-weight:750}
footer:has(>.jano-family-footer){flex-wrap:wrap}.jano-family-only{padding:32px clamp(16px,4vw,64px);background:#121516;color:#e7e9e1}
.jano-quick-looks{display:inline-flex!important;align-items:center!important;flex-wrap:wrap;gap:2px!important;max-width:100%;line-height:1.4;font:500 12px/1.4 system-ui,sans-serif;letter-spacing:normal;text-transform:none}
.jano-quick-looks .jano-look-dot{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;cursor:pointer;box-shadow:none!important}
.jano-look-dot>i{display:block;width:25px;height:25px;border-radius:50%;background:var(--look-colors);border:1px solid #ffffff55;box-shadow:0 0 0 1px #0005}
.jano-look-dot[aria-pressed="true"]>i{outline:2px solid currentColor;outline-offset:3px}
.jano-quick-looks .jano-look-edit{display:inline-flex!important;align-items:center;min-height:44px!important;padding:6px 8px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font:500 12px/1.4 system-ui,sans-serif!important;white-space:nowrap;letter-spacing:normal!important;text-transform:none!important;text-decoration:underline;text-underline-offset:4px;color:inherit!important}
.jano-family-bar :focus-visible,.jano-family-footer :focus-visible,.jano-quick-looks :focus-visible{outline:2px solid currentColor!important;outline-offset:3px}
.header-actions:has(.jano-quick-looks),.top-actions:has(.jano-quick-looks){flex-wrap:wrap!important;gap:8px!important}
@media(max-width:680px){.jano-family-bar{font-size:10px;padding-inline:16px}.jano-family-bar nav{gap:0 16px!important}.header:has(.jano-quick-looks){flex-wrap:wrap!important}.header-actions:has(.jano-quick-looks){max-width:100%;justify-content:flex-end}.topbar:has(.jano-quick-looks){flex-wrap:wrap!important}.top-actions:has(.jano-quick-looks){max-width:100%}}
@media(max-width:680px){.site-header:has(.jano-quick-looks){flex-wrap:wrap!important;gap:12px!important}.site-header:has(.jano-quick-looks) .nav-actions,.site-header:has(.jano-quick-looks) .header-actions{flex:1 1 100%!important;min-width:0;max-width:100%;display:flex;flex-wrap:wrap!important;justify-content:flex-end;gap:8px!important}.site-header:has(.jano-quick-looks) .appearance-tools{display:flex;flex-wrap:wrap!important;max-width:100%;gap:4px!important}}
@media(max-width:680px){.site-header:has(.jano-quick-looks){height:auto!important;min-height:76px;padding-block:14px!important}}
