.basic-demo-module__StfuRa__root{background:var(--p-surface-950);border-radius:.75rem;flex-direction:column;width:100%;height:600px;display:flex;position:relative;overflow:hidden}.basic-demo-module__StfuRa__backdrop{background:var(--p-surface-950);position:absolute;inset:0}.basic-demo-module__StfuRa__content{z-index:1;flex:1;min-height:0;position:relative}.basic-demo-module__StfuRa__item{--position-x:0px;--position-y:0px;--scale:1;--rotation:0deg;--flip-x:1;--flip-y:1;transform-origin:50%;-webkit-user-select:none;user-select:none;touch-action:none;transform:translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(var(--rotation)) scaleX(var(--flip-x)) scaleY(var(--flip-y));opacity:0;pointer-events:none;visibility:hidden;z-index:0;cursor:pointer;justify-content:center;align-items:center;transition:transform .3s,opacity .3s;display:none;position:absolute;top:50%;left:50%}.basic-demo-module__StfuRa__item[data-active=true]{opacity:1;pointer-events:auto;visibility:visible;z-index:1;cursor:zoom-in;will-change:transform;display:flex}.basic-demo-module__StfuRa__itemImage{object-fit:contain;max-width:100%;max-height:100%}.basic-demo-module__StfuRa__prev,.basic-demo-module__StfuRa__next{z-index:10;width:2.5rem;height:2.5rem;color:var(--p-surface-0);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.basic-demo-module__StfuRa__prev{left:.5rem}.basic-demo-module__StfuRa__next{right:.5rem}.basic-demo-module__StfuRa__prev:hover,.basic-demo-module__StfuRa__next:hover{background:#fff3}.basic-demo-module__StfuRa__prev:focus-visible,.basic-demo-module__StfuRa__next:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:2px}.basic-demo-module__StfuRa__header{z-index:2;background:var(--p-surface-950);justify-content:flex-end;align-items:center;gap:.125rem;padding:.75rem 1rem;display:flex;position:relative}.basic-demo-module__StfuRa__action{width:2.25rem;height:2.25rem;color:var(--p-surface-0);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.basic-demo-module__StfuRa__action:hover{background:#ffffff1a}.basic-demo-module__StfuRa__action:focus-visible{outline:1px solid var(--p-primary-color);outline-offset:-1px}.basic-demo-module__StfuRa__action:disabled{opacity:.4;pointer-events:none}.basic-demo-module__StfuRa__fullscreenCollapse,.basic-demo-module__StfuRa__fullscreen[data-fullscreen] .basic-demo-module__StfuRa__fullscreenExpand{display:none}.basic-demo-module__StfuRa__fullscreen[data-fullscreen] .basic-demo-module__StfuRa__fullscreenCollapse{display:block}.basic-demo-module__StfuRa__footer{z-index:2;background:var(--p-surface-950);border-top:1px solid var(--p-surface-700);justify-content:center;align-items:center;padding:.25rem 0;display:flex;position:relative}.basic-demo-module__StfuRa__thumbnail{z-index:2;width:100%;height:100%;position:relative}.basic-demo-module__StfuRa__thumbnailContent{padding:.25rem 0}.basic-demo-module__StfuRa__thumbnailItem{cursor:pointer;background:var(--p-surface-800);border-radius:.25rem;flex-shrink:0;width:5rem;height:5rem;padding:.25rem;transition:scale .15s;display:flex;overflow:hidden}.basic-demo-module__StfuRa__thumbnailItem:hover{outline:3px solid var(--p-surface-700)}.basic-demo-module__StfuRa__thumbnailItem[data-active]{outline:3px solid var(--p-primary-500);scale:.85}.basic-demo-module__StfuRa__thumbnailImage{object-fit:cover;border-radius:.25rem;width:100%;height:100%}