/* Working product controls, scoped to the public illustrative views. */
.edge-state-controls[hidden]{display:none}
.edge-state-controls{display:flex;gap:0;border-bottom:1px solid #41484a;margin-bottom:24px}
.edge-state-controls button{flex:1;min-height:52px;padding:13px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb6b5;font:600 12px/1.4 Inter,Arial,sans-serif;cursor:pointer;transition:background 250ms,color 250ms,border-color 250ms}
.edge-state-controls button:hover{background:rgba(205,219,218,.05);color:#eef2ec}
.edge-state-controls button[aria-pressed=true]{color:#eef2ec;border-bottom-color:#c9ddd3;background:rgba(205,219,218,.045)}
.edge-state-controls button[data-edge-state=preparing][aria-pressed=true]{border-bottom-color:#e9a47f}
.edge-state-controls button[data-edge-state=ready][aria-pressed=true]{border-bottom-color:#89cfaa}
.edge-state-controls button:focus-visible{outline:2px solid #c6e7ee;outline-offset:-5px}
.product-demo.edge-demo-ready .demo-kds-layout{grid-template-columns:minmax(0,1fr);max-width:580px;margin-inline:auto}
.product-demo.edge-demo-ready .demo-kds-moment[hidden]{display:none}
.product-demo.edge-demo-ready .demo-kds-moment:not([hidden]){animation:edge-ticket-arrive 350ms cubic-bezier(.16,1,.3,1) both}
.product-demo.edge-demo-ready .ticket-items{flex-direction:column;gap:12px;padding-block:18px}
.product-demo.edge-demo-ready .ticket-item{min-height:60px}
.demo-a11y-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes edge-ticket-arrive{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:none}}
.product-demo .photo-zoom{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:zoom-in;text-align:inherit}
.product-demo .photo-zoom img{transition:transform 700ms cubic-bezier(.16,1,.3,1)}
.product-demo .photo-zoom:not(:disabled):is(:hover,:focus-visible) img{transform:scale(1.04)}
.product-demo .photo-zoom:focus-visible{outline:2px solid #c6e7ee;outline-offset:-4px}
.product-demo .photo-zoom:disabled{cursor:default}
.photo-zoom-icon{position:absolute;right:9px;bottom:9px;width:29px;height:29px;padding:7px;background:rgba(9,16,20,.75);color:#eef2ec;transition:background 250ms}
.photo-zoom:not(:disabled):is(:hover,:focus-visible) .photo-zoom-icon{background:#142129}
.photo-zoom:disabled .photo-zoom-icon{display:none}
html:has(.memories-lightbox[open]){overflow:hidden}
.memories-lightbox{width:min(1240px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #4c565a;background:#0c1012;color:#eef1ed;box-shadow:0 30px 120px #000;overflow:hidden;color-scheme:dark}
.memories-lightbox::backdrop{background:rgba(1,4,5,.86);backdrop-filter:blur(12px)}
.memories-lightbox[open]{animation:memories-viewer-arrive 250ms cubic-bezier(.16,1,.3,1) both}
.memories-viewer{height:100%;display:flex;flex-direction:column;min-height:0;padding:16px 22px 20px}
.memories-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none;border-bottom:1px solid #303b40;padding-bottom:12px;font-size:14px}
.memories-lightbox-header button,.memories-lightbox-controls button{display:grid;place-items:center;background:transparent;color:#dce6e3;border:1px solid #4b5a60;width:44px;height:44px;padding:11px;cursor:pointer;flex:none;transition:background 200ms,border-color 200ms}
.memories-lightbox-header button:hover,.memories-lightbox-controls button:hover{background:#26353d;border-color:#879b9f}
.memories-lightbox-header button svg,.memories-lightbox-controls button svg{width:20px;height:20px}
.memories-lightbox-media{display:flex;flex-direction:column;min-height:0;flex:1;margin:0;padding-top:16px}
.memories-lightbox-media img{display:block;width:100%;height:100%;min-height:0;flex:1;object-fit:contain}
.memories-lightbox-media figcaption{font-size:12px;line-height:1.45;color:#aebdbd;padding:13px 0;flex:none}
.memories-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding-top:8px;border-top:1px solid #303b40}
.memories-lightbox-pagination{display:flex;align-items:center;gap:16px}
.memories-lightbox-pagination p{font-size:12px;line-height:1.4;min-width:85px;text-align:center;color:#becdca;margin:0}
.product-demo .memories-lightbox-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font-size:12px;color:#eef1ed;padding:10px 2px;border-bottom:1px solid #849994}
.memories-lightbox :is(a,button):focus-visible{outline:2px solid #c6e7ee;outline-offset:4px}
@keyframes memories-viewer-arrive{from{opacity:.5;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:660px){.edge-state-controls button{padding:12px 7px;font-size:11px;min-height:56px}.memories-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.memories-viewer{padding:10px 12px 14px}.memories-lightbox-header{font-size:12px;gap:12px;padding-bottom:8px}.memories-lightbox-media{padding-top:12px}.memories-lightbox-media figcaption{padding-block:10px;font-size:11px}.memories-lightbox-controls{gap:12px}.memories-lightbox-pagination{gap:8px}.memories-lightbox-pagination p{font-size:11px;min-width:70px}.product-demo .memories-lightbox-download{gap:7px;font-size:11px}.product-demo .memories-lightbox-download .arrow-icon{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.product-demo.edge-demo-ready .demo-kds-moment:not([hidden]),.memories-lightbox[open]{animation:none}.product-demo .photo-zoom img,.photo-zoom-icon,.edge-state-controls button{transition:none}.product-demo .photo-zoom:not(:disabled):is(:hover,:focus-visible) img{transform:none}}
@media(forced-colors:active){.edge-state-controls button[aria-pressed=true]{border-bottom-color:Highlight;color:Highlight}.memories-lightbox{border-color:CanvasText;background:Canvas;color:CanvasText}.memories-lightbox::backdrop{background:Canvas;opacity:.85}.photo-zoom-icon{background:Canvas;color:CanvasText;border:1px solid CanvasText}.memories-lightbox-header button,.memories-lightbox-controls button{border-color:ButtonText}}
@media print{.edge-state-controls,.memories-lightbox,.photo-zoom-icon{display:none}.product-demo.edge-demo-ready .demo-kds-moment[hidden]{display:block}.product-demo.edge-demo-ready .demo-kds-layout{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}