.customer-detail-modal .modal-body{padding-left:54px;padding-right:54px}
.customer-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;justify-content:center;width:36px;height:56px;border:1px solid #d7e9f2;border-radius:10px;background:#f0fbff;color:#246a9a;box-shadow:0 2px 8px #246a9a10;cursor:pointer;transition:background .15s,color .15s}
.customer-nav-previous{left:7px}.customer-nav-next{right:7px}.customer-nav-arrow svg{width:23px;height:23px}
.customer-nav-arrow:hover:not(:disabled){background:#e0f1fa;color:#246a9a}.customer-nav-arrow:focus-visible{outline:2px solid #246a9a;outline-offset:2px}
.customer-nav-arrow:disabled{opacity:.35;cursor:default;box-shadow:none}
.customer-nav-position{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:#7daccb}.customer-nav-position>span:first-child{font-variant-numeric:tabular-nums;color:#246a9a;background:#e8f6ff;border-radius:12px;padding:3px 9px}
@media(max-width:600px){.customer-detail-modal .modal-body{padding-left:42px;padding-right:42px}.customer-nav-arrow{width:29px;height:46px;border-radius:8px}.customer-nav-previous{left:4px}.customer-nav-next{right:4px}.customer-nav-position{font-size:10px}}