/* UAPIK_MENU_EDGE_ARROWS_V21 — all creator toolbar/modal button rails */
.uapik-arrow-host{--uapik-arrow-surface:#fff;--uapik-arrow-ink:#4f46e5}
.uapik-arrow-host.uapik-arrow-host--dark{
 --uapik-arrow-surface:#263550;--uapik-arrow-ink:#eff2ff
}
.uapik-arrow-host>.uapik-scroll-arrow{
 position:absolute!important;display:grid!important;place-items:center!important;
 top:var(--uapik-arrow-top,50%);left:var(--uapik-arrow-left,0px);
 width:34px!important;min-width:34px!important;height:42px!important;
 min-height:42px!important;padding:0!important;margin:0!important;
 transform:translateY(-50%);border:0!important;border-radius:0 13px 13px 0!important;
 background:var(--uapik-arrow-surface)!important;color:var(--uapik-arrow-ink)!important;
 box-shadow:2px 0 9px rgba(18,25,49,.12);
 z-index:151!important;cursor:pointer;touch-action:manipulation;
 transition:opacity .18s ease,background-color .18s ease;
}
.uapik-arrow-host>.uapik-scroll-arrow--right{
 left:auto;right:var(--uapik-arrow-right,0px);
 border-radius:13px 0 0 13px!important;
 box-shadow:-2px 0 9px rgba(18,25,49,.12)
}
.uapik-arrow-host>.uapik-scroll-arrow[hidden]{display:none!important}
.uapik-arrow-host>.uapik-scroll-arrow:disabled{opacity:.28;cursor:default}
.uapik-arrow-host>.uapik-scroll-arrow:not(:disabled):active{opacity:.75}
.uapik-arrow-host>.uapik-scroll-arrow:focus-visible{
 outline:2px solid #726bfb;outline-offset:-3px
}
.uapik-arrow-host>.uapik-scroll-arrow svg{
 display:block;width:18px;height:18px;fill:none;stroke:currentColor;
 stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none
}
@media(max-width:480px){
 .uapik-arrow-host>.uapik-scroll-arrow{
 width:29px!important;min-width:29px!important;height:40px!important;min-height:40px!important
 }
}
@media(prefers-reduced-motion:reduce){
 .uapik-arrow-host>.uapik-scroll-arrow{transition:none}
}