/* Desktop chip-row arrows (hscroll.js). Sticky inside the row so they stay at the ends while it scrolls. */
.hs-arrow{display:none}
@media (hover:hover) and (pointer:fine){
 .hs.hs-on>.hs-arrow{display:inline-flex;align-items:center;justify-content:center;position:sticky;z-index:2;flex:0 0 auto;width:32px;height:32px;margin:auto 0;padding:0;border-radius:999px;border:1.5px solid #e8a85a;background:#fff8ec;color:#8a2c0d;cursor:pointer;box-shadow:0 2px 8px #0004;pointer-events:auto}
 .hs.hs-on>.hs-l{left:0}.hs.hs-on>.hs-r{right:0;margin-left:auto}
 .hs.hs-on>.hs-arrow svg{width:16px;height:16px}
 .hs.hs-on>.hs-arrow:hover{background:#ffe0b2}
 .hs.hs-on>.hs-arrow:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}
 .hs.hs-start>.hs-l,.hs.hs-end>.hs-r{visibility:hidden}
 .chrome-actions.hs{-webkit-mask-image:none!important;mask-image:none!important;padding-right:0!important}
}
@media (hover:hover) and (pointer:fine){
 .hs.hs-start>.hs-l,.hs.hs-end>.hs-r{width:0;border-width:0;margin-right:-6px;overflow:hidden}
 .hs.hs-end>.hs-r{margin-left:-6px;margin-right:0}
}
@media (min-width:1100px){
 body>nav.chips{left:max(1.5rem,calc((100% - 78rem)/2));right:max(1.5rem,calc((100% - 78rem)/2));padding-left:0;padding-right:0}
}