.ar-ba__layout{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--gap-6)}.ar-ba__header{display:grid;gap:var(--gap-3);justify-items:center;max-width:40rem;margin-inline:auto;text-align:center}.ar-ba__text{margin-inline:auto}.ar-ba__viewer{width:100%;max-width:560px;margin-inline:auto}.ar-ba__pairs{position:relative}.ar-ba .ar-pair__stage{outline:1px solid var(--accent);outline-offset:6px;background-color:var(--c-sunken);box-shadow:var(--shadow-lift),0 0 90px -30px color-mix(in srgb,var(--accent) 45%,transparent)}.ar-ba .ar-pair__caption{margin-top:var(--gap-5)}.ar-js .ar-ba .ar-pair--compare .ar-pair__stage{display:block;aspect-ratio:4 / 5}.ar-js .ar-ba .ar-pair--compare :is(.ar-pair__before,.ar-pair__after){position:absolute;top:0;right:0;bottom:0;left:0}.ar-js .ar-ba .ar-pair--compare .ar-pair__after{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.ar-js .ar-ba .ar-pair--compare .ar-pair__before .ar-pair__tag{left:auto;right:10px}.ar-ba__control{position:absolute;z-index:3;top:0;left:0;width:100%;aspect-ratio:4 / 5;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ar-ba__line{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:2px;margin-left:-1px;background-color:var(--accent);box-shadow:0 0 14px #00000080;pointer-events:none}.ar-ba__handle{position:absolute;top:50%;left:var(--pos, 50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background-color:var(--btn-bg);color:var(--btn-fg);cursor:grab;touch-action:none;box-shadow:inset 0 1px color-mix(in srgb,var(--btn-inner) 80%,#fff),0 8px 22px -6px #000000b3;transition:transform var(--t1) var(--ease)}.ar-ba__handle .ar-icon{--icon-size: 15px;stroke-width:1.8}.ar-ba__handle .ar-icon+.ar-icon{margin-left:-1px}@media(hover:hover){.ar-ba__handle:hover{transform:scale(1.04)}}.ar-ba__handle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.ar-ba__layout.is-dragging .ar-ba__control,.ar-ba__layout.is-dragging .ar-ba__handle{cursor:grabbing}.ar-ba__layout.is-dragging .ar-ba__handle{transform:scale(1.08)}.ar-ba__hint{margin-top:var(--gap-5);font-size:var(--fs-small);color:var(--fg-muted);text-align:center}.ar-ba__thumbs{display:flex;justify-content:flex-start;justify-content:safe center;gap:var(--gap-2);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px}.ar-ba__thumbs::-webkit-scrollbar{display:none}.ar-ba__thumb{display:grid;justify-items:center;align-content:start;gap:6px;flex:none;width:84px;padding:6px 4px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--fg-muted);font-family:var(--font-body);font-weight:var(--font-body-weight-medium);font-size:var(--fs-label);line-height:1.2;letter-spacing:.03em;transition:border-color var(--t1),color var(--t1)}.ar-ba__thumb-media{display:block;width:60px;padding:2px;border:1px solid var(--line-strong);background-color:var(--c-sunken);transition:border-color var(--t1)}.ar-ba__thumb-label{max-width:100%;text-align:center;overflow-wrap:anywhere}.ar-ba__thumb:hover{color:var(--fg)}.ar-ba__thumb[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--fg)}.ar-ba__thumb[aria-checked=true] .ar-ba__thumb-media{border-color:var(--accent)}.ar-ba__thumb[aria-checked=true] .ar-ba__thumb-label{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3em}.ar-ba__actions{display:flex;justify-content:center}.ar-ba__empty{display:grid;place-items:center;aspect-ratio:4 / 5;padding:var(--gap-6);border:1px dashed var(--line-strong);color:var(--fg-muted);font-size:var(--fs-small);text-align:center}@media(max-width:749px){.ar-ba__actions .ar-btn{width:100%}.ar-ba__thumbs{margin-inline:calc(var(--space) * -1);padding-inline:var(--space)}}@media(min-width:990px){.ar-ba__layout{--ba-w: min(46vw, 560px, max(380px, calc((100svh - var(--header-h) - 150px) * .8)));grid-template-columns:minmax(0,1fr) var(--ba-w);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:".       viewer" "header  viewer" "thumbs  viewer" "actions viewer" ".       viewer";column-gap:clamp(56px,7vw,120px);row-gap:0;align-items:start}.ar-ba--media-left .ar-ba__layout{grid-template-columns:var(--ba-w) minmax(0,1fr);grid-template-areas:"viewer ." "viewer header" "viewer thumbs" "viewer actions" "viewer ."}.ar-ba__header{grid-area:header;justify-items:start;margin:0;text-align:start}.ar-ba__text{margin-inline:0}.ar-ba__viewer{grid-area:viewer;max-width:none}.ar-ba__thumbs{grid-area:thumbs;justify-content:flex-start;margin-top:var(--gap-6);padding-inline:0}.ar-ba__actions{grid-area:actions;justify-content:flex-start;margin-top:var(--gap-6)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-royal-before-after.css.map */