.cpl{display:flex;justify-content:center;flex-direction:column;flex-shrink:0;position:relative;z-index:3;gap:var(--smtc-gap-between-content-small)}.cpl .ArrowButton .up,.cpl .ArrowButton .down{width:40px;height:40px}.cpl .navbtn-acf>div{background:var(--bing-smtc-background-ctrl-neutral-rest);border:0;border-radius:var(--smtc-corner-ctrl-lg-rest);box-shadow:none;backdrop-filter:none}.cpl .navbtn-acf>div:hover{background:var(--smtc-background-ctrl-neutral-hover);border-radius:var(--smtc-corner-ctrl-lg-hover)}.cpl .navbtn-acf>div:active{background:var(--smtc-background-ctrl-neutral-pressed);border-radius:var(--smtc-corner-ctrl-lg-pressed);box-shadow:none}.cpl .navbtn-acf>div .arrowUpIcon,.cpl .navbtn-acf>div .arrowDownIcon{background-color:var(--smtc-foreground-ctrl-icon-on-neutral-rest)}.cpl .navbtn-acf>div:hover .arrowUpIcon,.cpl .navbtn-acf>div:hover .arrowDownIcon{background-color:var(--smtc-foreground-ctrl-icon-on-neutral-hover)}.cpl .navbtn-acf>div:active .arrowUpIcon,.cpl .navbtn-acf>div:active .arrowDownIcon{background-color:var(--smtc-foreground-ctrl-icon-on-neutral-pressed)}.cpl .navbtn-acf>.disable{background:var(--smtc-background-ctrl-neutral-disabled);opacity:1;pointer-events:none;cursor:default}.cpl .navbtn-acf>.disable .arrowUpIcon,.cpl .navbtn-acf>.disable .arrowDownIcon{background-color:var(--smtc-foreground-ctrl-neutral-primary-disabled)}